Jquery手风琴与子导航控制滑块问题
我有一个 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>
我创建了一个新类来格式化子导航菜单项，但我没有尝试过允许子导航触发滑块。
这是我正在处理的页面：
您将看到底部的手风琴按钮触发滑块，但第一个手风琴菜单中的子导航没有执行任何操作。
有什么想法吗？
先感谢您！！
瑞安
I have a jquery accordion menu that works just fine and is combined with a carousel slider. The original code that I am working from has the h3 element as the slider trigger and simply slides to a new image when an accordion menu item is selected.
The working version has the accordion menu item listed like this:
<h3 data-index="0"><a href="#">FACILITIES</a></h3>
<div>
<a href="subnav_page1.html" >
<p>Sub nav item 1</p>
</a>
</div>
The problem I am having now is that the client wishes to have sub navigation in each of the accordion menu items control the slider and for the life of me, I can't figure out a way to have the sub nav trigger the slider.
I have tried a variety of code similar to this:
<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>
I have created a new class to format the sub navigation menu items, but nothing I have tried is allowing the sub nav to trigger the slider.
Here is the page I am working on:
You will see that the bottom accordion buttons trigger the slider, but the sub nav in the first accordion menu are not doing anything.
Any ideas?
Thank you in advance!!
Ryan
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您调查插件正常运行所依赖的 HTML，它看起来与您页面中的内容完全不同。
我快速浏览了这些选项，表明您想要实现的目标无法通过此插件直接实现。我建议联系它的开发人员，完全使用不同的插件，或者滚动你自己的手风琴。
If you investigate the HTML the plugin depends on to function properly, it looks nothing like what you have in your page.
My quick glance at the options suggests that what you're trying to achieve isn't directly possible with this plugin. I suggest contacting its developer, using a different plugin altogether, or rolling your own accordion.