1

我试图覆盖带有 containerCSS 的 simplemodal jquery 插件附带的默认样式表中的设置,该插件在 IE7 中运行良好,但在 Firefox 或 Chrome 中运行良好。不确定这是一个错误还是我做错了什么。

jQuery代码:

$(document).ready(function() {
    $("#ButtonPopup").click(function() {
        $("#addEditTask").modal({
            onOpen: modalOpen,
            persist: true,
            containerCss: ({ width: "300", height: "200", marginLeft: "-150" })
        });
        return false;
    });
});

HTML 代码:

<button id="ButtonPopup">Popup</button>
<div id="addEditTask" style="display:none;">
     <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
     Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada
     libero, sit amet commodo magna eros quis urna.</p>
     <button id="ButtonSave">Save</button>
     <button id="ButtonCancel">Cancel</button>
</div>

请参阅 内容以获取您可以自己测试的代码的工作演示和 zip 下载。

4

3 回答 3

2

Eric Martin 通过 jquery 邮件列表回答了这个问题。

http://groups.google.com/group/jquery-en/browse_thread/thread/90e58bb317002361

我省略了在 IE 中找到但在 Firefox 中找不到的单元。

于 2008-10-26T23:40:01.567 回答
2

基于 Gecko 和 WebKit 的浏览器非常喜欢它们的单元。确保你总是告诉它如何衡量你的价值观。

另请注意,如果您想覆盖 css 文件中的内联样式,可以通过在值末尾添加 !important 来实现。

高度:300px!重要;

将覆盖内联样式。

干杯!

于 2008-10-27T15:48:19.193 回答
0

我会看看 jqModal 。

于 2008-10-26T20:22:25.380 回答