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

我能够解决这个问题。我刚刚从<a class="modal-close">Close</a>删除了文字，然后使用了<a class="modal-close"></a>和css背景图片。所以，如果你想在你的<a>中使用文本，比如“x”或“close”，这并不能解决你的问题，它只是避免了这个错误。也许这有助于埃里克发现问题。

jQuery 1.4.4
jquery.simplemodal.1.4.1

Answer 2

通过添加closeClass w /某些CSS来解决此问题：

<强> 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;
}

jQuery simplemodal closeHTML问题

2 个答案: