Javascript jquery跨页面传递ID标记

当我的主页加载时，它会从videos.html中获取第一个id=“vids”的条目

主页：

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

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

$（'sidevideos'）.load（'videos.html.vids:lt（1）'）；

很好，没问题

我希望能够将视频链接（.vids）传递到主页上的此功能

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

   });
</script>

var$v=jQuery.noConflict（）；
$v（文档）.ready（函数（）{
$v（“#vids”）.colorbox（{iframe:true，innerWidth:800，innerHeight:600}）；
});

这将在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>

---

我不确定这是否是您想要的，但您可以将链接存储到一个变量中，如

var link=$（'#vids'）.attr（'href'）

然后使用var在主页中加载

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

   });
</script>

有两个问题

id

在文档中应该是唯一的，这意味着不能有两个元素具有相同的id

vids

加载

videos.html

后，您需要调用

colorbox

，为此，您可以使用加载完成回调

试一试

---

这非常好，只需将函数添加到.load代码中。谢谢！