jQuery simplemodal closeHTML 问题

Question

我在使用 jquery.simplemodal 插件初始化模式窗口时遇到问题。

如果没有 closeHTML 选项，模式窗口的格式会正确。

$.modal(html, {});

但是，如果我指定 closeHTML，则模式窗口的格式将设置为适合带有滚动条的近 10x10 像素正方形。

$.modal(html, {
    closeHTML: '<a href="#close">Close</a>',
});

有没有人遇到过这个问题并且有解决办法？

相关规范是：

• Ubuntu x86_64 上的 Chrome8
• jQuery 1.4.4
• jquery.simplemodal 1.4.1

Answer 1

我能够解决这个问题。我刚刚从 Close 中删除了文本，并使用了 < ;/a> 和 CSS 背景图像。所以实际上，如果您想在 中使用文本，例如“x”或“close”，这并不能解决您的问题，它只是避免了错误。也许这可以帮助埃里克发现问题。

• jQuery 1.4.4
• jquery.simplemodal.1.4.1

Answer 2

这个问题可以通过添加一个带有一些CSS的closeClass来解决：

JS：

$.modal(html, {
  closeHTML: '<a href="#">close</a>',
  closeClass: 'acme-modal-close'
});

CSS：

.acme-modal-close{
  display: inline;
  z-index: 3200;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}