jQuery单纯形closeHTML问题
提问于 2010-12-29 13:41:48
在使用jquery.simplemodal插件初始化模态窗口时，我遇到了一个问题。
在没有closeHTML选项的情况下，模式窗口被正确地格式化。
$.modal(html, {});但是，如果我指定了closeHTML，那么模式窗口将被格式化成一个近10x10像素的带有滚动条的方块。
$.modal(html, {
closeHTML: '<a href="#close">Close</a>',
});有没有人遇到过这个问题，有什么解决办法吗？
有关的规格如下：
- Chrome8 on Ubuntu x86_64
- jQuery 1.4.4
- jquery.simplemodal 1.4.1
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-01 07:34:08
我能够解决这个问题。我刚刚从<a class="modal-close">Close</a>中删除了文本，并使用了<a class="modal-close"></a>和css背景图像。所以，如果您想在<a>中使用文本，比如"x“或"close”，这并不能解决您的问题，它只是避免了错误。也许这能帮埃里克发现问题。
- jQuery 1.4.4
- jquery.simplemodal.1.4.1
Stack Overflow用户
发布于 2016-04-28 10:34:55
通过添加一个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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4558109
复制相关文章
点击加载更多
腾讯云开发者
