2

カラーボックスに問題があります。最初の起動は問題ありません。2 回目の起動は幅が 0 で高さが 20 です。3 回目の起動はまた問題ありません (700/700px)。次に 4 回目の起動は 0/20 などです。

オープニングのコードは非常にシンプルです。

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

私はjquery 1.7.1を使用しており、ターゲットはhrefから来ています。href リンクを変更しても効果はありません。インスペクタからのドロップボックスのスクリーンショット: https://dl.dropbox.com/u/6939592/stackoverflow-colorbox.png コンソールにエラーは表示されません。

誰でも？

乾杯、デイブ。

4

2 に答える 2

0

実際にv1.4.8からv1.4.10にアップデートすることで解決しました...

于 2013-04-03T19:02:59.390 に答える
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>
于 2013-04-03T10:07:04.010 に答える