0

wordpress と jquery colorbox プラグインを使用しており、Web サイトから iframe に内部ページを読み込んでいます。特定の div ID のみをロードするか、特定の div ID またはクラスを非表示にしたいです。iFrame から Colorbox Load Specific divを読みましたが、残念ながらこのコードを機能させることができず、ページ全体が引き続き iframe に表示されます。私のリンクはクラス .colorbox-link で識別され、#main の div のみを iframe 内に表示しようとしています。header.php に配置した現在のコードは次のとおりです。

<script type="text/javascript">
    $(window).load(function () {
        var $iframe = $(".colorbox-link"); 
        $(".colorbox-link").colorbox({      
             href: $(".colorbox-link").attr('href') + " #main", 
        }); 
    }); 
</script>

これがjqueryの初心者の質問である場合は申し訳ありません-助けてくれてありがとう!

4

1 に答える 1

2

この状況では、カラーボックスは iframe に何も表示しません。iframe は colorbox が想定するものではありません。iframe に何かを表示するには、colorbox の iframe プロパティを明示的に true に設定する必要があります。とにかく、この状況でやりたいことではありません。

あなたが投稿したコードは（そのコンマの外で）動作するはずなので、あなたが抱えている問題を示すリンクを投稿する必要があるかもしれません. また、'#main' が読み込み中のドキュメントの要素と一致することを再確認してください。

<script type="text/javascript">
    $(window).load(function () {
        $(".colorbox-link").colorbox({      
             href: function(){ return $(this).attr('href') + " #main";}
        }); 
    }); 
</script>
于 2012-07-08T02:23:21.853 に答える