jQuery simplemodal closeHTML问题

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

没有closeHTML选项，模式窗口格式正确。

 $.modal(html, {}); 

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

 $.modal(html, { closeHTML: 'Close', }); 

有没有人遇到这个问题，并有任何想法修复？

相关规格如下：

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

Answer 1

我能够解决这个问题。 我刚刚从Close删除了该文本，并使用了和css背景图片。 所以，如果你想在你的使用文本，比如“x”或“close”，这并不能解决你的问题，它只是避免了这个bug。 也许这有助于Eric发现问题。

• jQuery 1.4.4
• jquery.simplemodal.1.4.1

Answer 2

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

JS ：

 $.modal(html, { closeHTML: 'close', closeClass: 'acme-modal-close' }); 

CSS ：

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