每隔一个开口不设置颜色盒高度和宽度

时间:2013-04-03 08:05:44

标签: jquery colorbox

我的colorbox有问题。 第一次发射没关系,第二次发射的宽度为0,高度为20, 第三次发布它再次正常(700 / 700px),然后是第四次0/20等等

开场的代码非常简单:

    $(".invoicepullhours").colorbox({
        iframe:true, 
        width:'700px', 
        height:'700px'               
     });

我使用jquery 1.7.1,目标来自href。更改href链接无效。检查员在Dropbox上的屏幕截图:https://dl.dropbox.com/u/6939592/stackoverflow-colorbox.png 控制台没有显示任何错误。

欢呼声, 戴夫。

2 个答案:

答案 0 :(得分:0)

不要在“a”标记中添加其他类。 “class ='iframe'”就足够了;然后在“ColorBox”本身决定如何在任何浏览器中打开它。

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'/>
        <title>Colorbox Examples</title>
        <style>
            body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
            a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
            h2{font-size:13px; margin:15px 0 0 0;}
        </style>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="../jquery.colorbox.last.js"></script>
        <script>
            $(document).ready(function () {
    $(".iframe").colorbox({
        iframe: true,
        width: "700px",
        height: "700px"
    });
});
        </script>
    </head>
    <body>
<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p>
    </body>
</html>

答案 1 :(得分:0)

实际上是通过从v1.4.8 ...

更新到v1.4.10来解决它