jQuery colorbox奇怪地失败

我需要在window.onload事件中用colorbox插件打开一个iframe。我几乎获得成功，但一些奇怪的事情开始发生。让 - 我给上面的例子正常工作：jQuery colorbox奇怪地失败

 <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的新手，所以对我来说这是没有意义的。我不想与“无意义”的东西一起工作。你们能否更好地向我解释如何使它以正确的方式工作？

来源

2013-10-24 user1526124

请搜索一下jQuery选择......你会明白，颜色框附有类元素'上iframe' – JoDev

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

试试这个：

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

来源

2013-10-24 12:34:46 subZero

Uhmm ......它不工作，和镀铬控制台说：_Uncaught错误：语法错误，无法识别的表达式：http://wikipedia.com _在jquery.min.js _EDIT：_我做了：'$ .colorbox（{href：“http://wikipedia.com”， iframe：true，width：“80％”，height：“80％”，closeButton：false，escKey：false，overlayClose：false，opacity：0.30}）;'和它的工作...那好吗？ – user1526124

是的，可以这样做。请注册并将答案标记为已接受。 – subZero

是的......当然。谢谢。 – user1526124

jQuery colorbox奇怪地失败

回答

相关问题