jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery手风琴控制空节大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jQuery手风琴,我使用ui主题造型.我的问题是,我怎么能有一个没有子节的部分,并且在鼠标覆盖时不会扩展?我使用鼠标悬停作为我的触发器.

例如:

Home部分下面没有任何内容.我希望它在徘徊时保持倒塌.单击时,它应导航到href目标(它执行).

初始代码

<script type="text/javascript"> 
    $(function () { 
        $("#accordion").accordion({ 
            event: "mouSEOver",alwaysOpen: false,autoHeight: false,navigation: true,}); 
    }); 
</script>

标记(为简洁起见缩写):

<div id="accordion"> 
   <h3><a class="heading" href="~/Home">Home</a></h3> 
   <div> 
   </div> 
   <h3><a href="#">Browse</a></h3> 
   <div> 
      <li><a href="http://www.PHP.net/">PHP</a></li> 
      <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li> 
      <li><a href="http://www.python.org/">Python</a></li> 
      <li><a href="http://www.perl.org/">PERL</a></li> 
      <li><a href="http://java.sun.com/">Java</a></li> 
      <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li> 
   </div> 
</div>

样式表直接来自jQuery ui主题库.

先感谢您.

干草堆

解决方法@H_618_28@
我进行了一些更改以使其工作,主要是为您的主页头添加一个ID并且可折叠:对手风琴来说是真的.

然后,在创建手风琴后添加这些:

$('#home').unbind('mouSEOver');//don't accordion on mouse over
$('#accordion').accordion('activate',0);//close the home accordion

有关工作示例,请参见此处http://jsfiddle.net/ryleyb/mywfV/

大佬总结

以上是大佬教程为你收集整理的jQuery手风琴控制空节全部内容,希望文章能够帮你解决jQuery手风琴控制空节所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。