0

メイン ページが読み込まれると、videos.html から id="vids" の最初のエントリが取得されます。

メインページ：

<div id="sidevideos" class="sidevideos">

<script>
$('#sidevideos').load('videos.html .vids:lt(1)');
</script>
</div>

それはうまくいきます、問題ありません。

メインページのこの関数にビデオリンク（.vids）を渡すことができるようにしたいと思います

<script>
      var $v = jQuery.noConflict(); 
       $v(document).ready(function() {
                $v('#vids').colorbox({iframe:true, innerWidth:800, innerHeight:600});

   });
</script>

YouTubeビデオをiframeで開きます。

Video.html コード:

<div class="videos">

 <a id='vids' href="youtubevideo"><img src="img/videos/housing.png" border="0" class="sidevids">
 <p class="sidevidtext">vid description</p></a>

 <a id='vids' href="youtubevideo"><img src="img/videos/housing.png" border="0" class="sidevids">
 <p class="sidevidtext">vid description</p></a>

    </div>
4

2 に答える 2

0

これがあなたが望んでいたものかどうかはわかりませんが、リンクをこのような変数に保存し、その変数var link = $('#vids').attr('href');を使用してメインページにロードすることができます

フィドルを見る

于 2013-06-07T00:36:31.487 に答える
0

2つの問題があります

  1. idドキュメント内で一意である必要があります。つまり、同じ ID を持つ 2 つの要素を持つことはできません。vids
  2. colorboxがロードされた後にを呼び出す必要があります。videos.htmlそのためには、ロード完了コールバックを使用できます。

試す

$('#sidevideos').load('videos.html .eq(0)', function(){
     $v('#vids').colorbox({iframe:true, innerWidth:800, innerHeight:600});
});
于 2013-06-07T00:37:03.743 に答える