Question

我需要在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>

请注意我身上的身体：

＆LT; p为H.＆LT; a class ='iframe'href =“http://wikipedia.com”＆gt;＆lt; / A＆GT;＆LT; / p为H.

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

Answer 1

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

试试这个：

$(document).ready(function(){
   $.colorbox({href:"http://wikipedia.com", iframe:true});
}

jQuery colorbox奇怪地失败了

1 个答案: