带有子导航控制滑块问题的 Jquery 手风琴答案

【问题标题】：Jquery accordion with sub navigation controlling slider issue带有子导航控制滑块问题的 Jquery 手风琴
【发布时间】：2012-01-25 17:18:31
【问题描述】：

我有一个运行良好的 jquery 手风琴菜单，并与轮播滑块相结合。我正在使用的原始代码将 h3 元素用作滑块触发器，并在选择手风琴菜单项时简单地滑动到新图像。

工作版本的手风琴菜单项如下所示：

<h3 data-index="0"><a href="#">FACILITIES</a></h3> 
<div> 
    <a href="subnav_page1.html" >
      <p>Sub nav item 1</p>
      </a>
</div>

我现在遇到的问题是，客户希望在每个手风琴菜单项中都有子导航来控制滑块，而对于我的生活，我想不出一种方法来让子导航触发滑块。

我试过各种类似这样的代码：

<h3><a href="">TECHNOLOGY</a></h3> 
<div>
     <h666 data-index="1"><a href="#">Rockets For Power Generation</a></h666>
     <h666 data-index="2"><a href="#">Platelets</a></h666>
     <h666 data-index="3"><a href="#">Gas Generator</a></h666>
     <h666 data-index="4"><a href="#">Turbines</a></h666>
</div>

我创建了一个新类来格式化子导航菜单项，但我没有尝试过允许子导航触发滑块。

这是我正在处理的页面：

Accordion Slider

您会看到底部的手风琴按钮触发了滑块，但第一个手风琴菜单中的子导航没有做任何事情。

有什么想法吗？

提前谢谢你！！

瑞恩

【问题讨论】：

标签： jquery navigation slider accordion carousel

【解决方案1】：

如果您调查the HTML the plugin depends on to function properly，它看起来与您页面中的内容完全不同。

我对选项的快速浏览表明，使用此插件无法直接实现您想要实现的目标。我建议联系它的开发人员，完全使用不同的插件，或者自己动手做手风琴。

【讨论】：