Question

当我的主页加载时，它会从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>

哪会在iframe中打开YouTube视频。

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>

Answer 1

我不确定这是否是您想要的，但您可以将链接存储到像var link = $('#vids').attr('href');这样的变量中，然后使用var加载到主页

SEE FIDDLE

Answer 2

有两个问题

id在文档中应该是唯一的，这意味着您不能拥有两个具有相同ID的元素vids
您需要在colorbox加载后调用videos.html，因为您可以使用加载完成回调

尝试

$('#sidevideos').load('videos.html .eq(0)', function(){
     $v('#vids').colorbox({iframe:true, innerWidth:800, innerHeight:600});
});

jquery跨页面传递ID标记

2 个答案: