3

説明させてください。Colorbox を使用して HTML ファイルを読み込み、iframe に表示します。HTML ファイルには<title>タグが含まれています。<title>そのタグを Colorbox ポップアップのタイトルとして使用することはできますか? onCompleteイベントを使用できますが、どうすればよいですか?

編集:コードを明確にする必要があります:

親 HTML:

<!doctype html>
<html>
    <head>
        <title>This is parent</title>
        <script src="jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('a.cb').colorbox({
                    iframe : true,
                    title  : function() { /* here goes the code */ },
                });
            });
        </script>
    </head>
    <body>
        <a class="cb" href="popup.html">Popup</a>
    </body>
</html>

子 HTML:

<!doctype html>
<html>
    <head>
        <title>The title</title>
    </head>
<body>
    ...
</body>
</html>

基本的に、Colorbox が子 HTML コードのタイトルを表示するようにしたいと考えています。

4

3 に答える 3

5

書類によっては、できない場合があります。iframe ドキュメントが親ドキュメントと同じドメインにある場合、次のようなことができるはずです。

$(document).ready(function(){
    $('a.cb').colorbox({
        iframe : true,
        fastIframe: false,
        onComplete: function(){
            var title = $('.cboxIframe')[0].contentWindow.document.title;
            $('#cboxTitle').text(title);
        }
    });
});
于 2012-06-27T18:09:06.970 に答える
1

言うのは難しいですが、私の推測では次のようになります

var titleText = $(fetchedHTML).find('title').text();
于 2012-06-27T09:21:41.377 に答える
-1

私があなたの質問をよく理解しているかどうかわかりません.もし私が主題から遠く離れているなら、私の投稿を削除するように知らせてください:)

関数でカラーボックスのタイトルを設定できます。その関数では、iframeのタイトルを取得してカラーボックスのタイトルに設定できます

$("mycolorbox").colorbox({rel: 'gal', title: function(){
    var title = $( "#frame_id").contents( ).find( "title").html( );
    return 'title';
}});

コードが完全に正しいかどうかはわかりませんが、役立つかもしれません:)

于 2012-06-27T09:35:20.257 に答える