1

我正在使用这个脚本来包装两个 div:

jQuery:

$("#wrapcb").click(function(){
  $('#cboxOverlay, #colorbox').wrapAll('<div class="wrapcolorbox">');
});

HTML:

<span><a id="wrapcb" href="http://www.example.com/one">First link</a></span>
<span><a id="wrapcb" href="http://www.example.com/two">Second link</a></span>
<span><a id="wrapcb" href="http://www.example.com/three">Third link</a></span>

奇怪的是,这个脚本只适用于第一个链接,而所有其他链接都被忽略了。

任何想法我做错了什么?

4

1 回答 1

4

那是因为你给了他们所有相同的 ID(永远不要在一个页面上使用相同的 ID 两次)。将其更改为类或给每个链接一个唯一的 ID。

这是在链接上使用公共类的示例:

jQuery:

$(".wrapcb").click(function(){
  $('#cboxOverlay, #colorbox').wrapAll('<div class="wrapcolorbox">');
});

HTML:

<span><a class="wrapcb" href="http://www.example.com/one">First link</a></span>
<span><a class="wrapcb" href="http://www.example.com/two">Second link</a></span>
<span><a class="wrapcb" href="http://www.example.com/three">Third link</a></span>
于 2013-03-24T23:00:01.187 回答