0

我需要在 window.onload 事件中使用 colorbox 插件打开一个 iframe。我快要成功了，但奇怪的事情开始发生了。让我展示一下上面的例子可以正常工作：

        <script src="../jquery.colorbox.js"></script>
        <script>
            $(document).ready(function(){
                //Examples of how to assign the Colorbox event to elements
                $(".iframe").colorbox({iframe:true, width:"80%", height:"80%", closeButton:false, escKey: false, overlayClose: false, opacity:0.30});
            });
            window.onload=function(){
                $(".iframe").colorbox({href:"http://www.website.com/", open: true});
            }
        </script>
    </head>
    <body>
        <p><a class='iframe' href="http://wikipedia.com"></a></p>
    </body>
</html>

请注意，在我的身体上：

<p><a class='iframe' href="http://wikipedia.com"></a></p>

如果我删除此行，iframe 将不再打开。我是 jquery 的新手，所以对我来说这是没有意义的。而且我不想使用“没有意义”的东西。你们能更好地解释我如何使它以正确的方式工作吗？

4

1 回答 1

1

从 DOM 中删除代码时它不起作用的原因是因为您告诉 colorbox 在 DOM 中搜索具有类“.iframe”的元素，然后将其自身分配给该元素。

尝试这个：

$(document).ready(function(){
   $.colorbox({href:"http://wikipedia.com", iframe:true});
}
于 2013-10-24T12:34:46.743 回答