3

私の仕事では、fancybox のダイアログ ボックスを変更しました。

しかし今、私は巨大な障害に直面しています:
IE6 と IE7 の手付かずの動作です。fancybox が表示される場所の URL を変更する必要があります。ドキュメントには、コンテンツを追加すること以外は何も見つかりませんでしたが、ID は見つかりませんでした。だから私の質問は：どこが間違っているのですか？

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
 <link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.css" media="screen" />

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.easing-1.3.pack.js"></script>
 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>

 <script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.0.pack.js"></script>

    <script>

        $(document).ready(function() {

        jQuery.fn.cornyBox = function(selector) {

            if (selector) { this.attr('href', selector); }

            $(this).fancybox();

        };


       //$('#aAlert').cornyBox();
        $('#aAlert').cornyBox('#dvAlert2');

        });


    </script>
</head>
<body>
    <div id="alertHolder">
        <a id="aAlert" href="#dvAlert1" >hit me</a>
        <div id="dvAlert1" class='alert'>
            something
        </div>

        <div id="dvAlert2" class='alert'>
            something else
        </div>
    </div>  
</body>
</html>

$('#aAlert').cornyBox();明らかにリンクに新しいhrefを設定していないため、使用しても問題はありません。
IE8、Firefox、Chrome で動作します。ただし、IE6、IE7ではそうではありません。

4

1 に答える 1

4

インライン HTML コンテンツを表示する IE7 で同様の問題が発生しました。href で選択していない本文のコンテンツが表示されていました。type パラメータを inline に設定すると、修正されたようです。

$('a.fancybox').fancybox({
  'type':'inline',
});
于 2011-06-02T23:50:33.750 に答える