javascript - jquery跨页面传递ID标签

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 加载到您的主页中

见小提琴

Answer 2

有两个问题

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

尝试

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