0

我有一个简单的结构（在一个复杂的页面中，但还可以）

<div style = "display: none;">
<div id="modal"></div>
</div>

以及下面的剧本（一部分）

$.colorbox({
    onOpen: function() {
        $("#modal").html("Attendere prego...");
    $("#modal").fadeIn;
    },
    onClose: function() {
        $("#modal").html("Attendere prego...");
        $("#modal").fadeOut;
    },
    inline: true,
    href: "#modal",
    close: "Chiudi",
    transition: "fade",
    opacity: 0.6,
    width: "600px",
    height: "100px",
    maxWidth: "500px",
    maxHeight: "500px",
});

在这之后我有一个ajax调用，我把结果（一个html片段）放在#modal中。

如果我加载页面，我单击模式打开并显示数据或消息（如果为空），然后我会关闭，如果我再次单击没有任何反应......我调查了 DOM uwith chrome 的工具，发现在第一次使用后 previus html 变成：

<div style="display: none;">
    <div style="display: none;"></div>
</div>

我经常使用彩盒，但我不记得像这样的其他情况，我无法以任何我尝试的方式解决它，

4

2 回答 2

0

你可以这样：

在您的 HTML 中：

<div id="modal" style="display:none">
</div>

和你的脚本：

$.colorbox({
    onOpen: function() {
        $("#modal").html("Attendere prego...");
    $("#modal").fadeIn(); // fadeIn function
    },
    onClose: function() {
        $("#modal").html("Attendere prego...");
        $("#modal").fadeOut(); //fadeOut function
    },
    inline: true,
    href: "#modal",
    close: "Chiudi",
    transition: "fade",
    opacity: 0.6,
    width: "600px",
    height: "100px",
    maxWidth: "500px",
    maxHeight: "500px",
});
于 2013-09-13T09:02:36.813 回答
0

解决了！只是 colorbox 的版本有点旧，网站现在使用最新的 jQuery，将 colobox 更新到最新版本完全解决了问题

于 2013-09-16T09:40:25.193 回答