Question

是否可以组合幻灯片显示和显示/隐藏div功能？

我的html结构如下，基本上，我正在尝试获取标签＆gt;如果用户点击它，则使用相应类打开div的链接。如果用户没有点击它，它仍然只是循环每个图像。因此，如果图像在旋转，我点击<a class="t2">然后会打开。问题是，不知道会有多少个div / tab，但它们总是被命名为t {n}。

<div id="tab-content">
   <div class="t1">content</div>
   <div class="t2">lorem ipsum</div>
   <div class="t3">knock knock</div>
</div>

<div id="nav">
   <div id="tabs">
      <ul>
         <li class="t1"><a class="t1" href="#">tab 1</a></li>
         <li class="t2"><a class="t2" href="#">tab 2</a></li>
         <li class="t3"><a class="t3" href="#">tab 3</a></li>
      </ul>
   </div>
</div>

Answer 1

<强> [更新] 当你点击链接时，我以为你只有打开div的问题..

对于允许从链接进行手动覆盖的完整幻灯片，请查看the cycle plugin for jquery，特别是此演示'updateActivePagerLink' Demo

[原始答案]

以下内容将为a div中的所有#tabs元素添加所需的功能该功能将显示元素（在#tab-content内）与被点击的a元素相同的类。

$('#tabs a').click( function() {
   $('#tabcontent .' + $(this).attr('class') ).show();
} );

jquery在幻灯片中显示/隐藏div点击事件？

1 个答案: