jQuery UI折叠(非折叠级别)
jQuery UI折叠(非折叠级别)
提问于 2012-03-17 02:39:08
我有一个jQuery accordion菜单，我知道在某些情况下，我会想让其中一个级别不展开(所以它将是可点击的，而不是打开accordion)，但我似乎无法弄清楚它，也找不到如何操作的文档。
看一下我的示例代码的第二个级别。我试着把它留空，我试着打开和关闭div标签，我也试着在下面看到一个打开和关闭的UL标签，每个标签都会导致菜单在那个级别上折叠，留下一个很大的空白点。有什么建议吗？
<script>
$.ui.accordion.animations.superbounce = function(options) {
this.slide(options, {
autoHeight: false,
duration: options.down ? 2000 : 500,
duration: options.up ? 2000 : 500
});
};
$(document).ready(function() {
$(function() {
$( "#accordion" ).accordion({animated: 'superbounce'});
});
});
</script>
<div id="accordion">
<h3><a href="#">Masters Of Arts</a></h3>
<ul>
<li><a href="#">Business Psychology</a></li>
<li><a href="#">Criminology and Justice Studies</a></li>
<li><a href="#">Educational Leadership</a></li>
<li><a href="#">Executive Coaching</a></li>
<li><a href="#">Health and Wellness Psychology</a></li>
</ul>
<h3><a href="#">Masters Of Arts</a></h3>
<ul></ul>
<h3><a href="#">Doctor of Philosophy</a></h3>
<ul>
<li><a href="#">Business Psychology</a></li>
<li><a href="#">Criminology and Justice Studies</a></li>
<li><a href="#">Educational Leadership</a></li>
<li><a href="#">Executive Coaching</a></li>
<li><a href="#">Health and Wellness Psychology</a></li>
</ul>
<h3><a href="#">Doctor of Psychology</a></h3>
<ul>
<li><a href="#">Business Psychology</a></li>
<li><a href="#">Criminology and Justice Studies</a></li>
<li><a href="#">Educational Leadership</a></li>
<li><a href="#">Executive Coaching</a></li>
<li><a href="#">Health and Wellness Psychology</a></li>
</ul>
<h3><a href="#">Masters Of Arts 2</a></h3>
<ul>
<li><a href="#">Business Psychology</a></li>
<li><a href="#">Criminology and Justice Studies</a></li>
<li><a href="#">Educational Leadership</a></li>
<li><a href="#">Executive Coaching</a></li>
<li><a href="#">Health and Wellness Psychology</a></li>
</ul>
<h3><a href="#">Masters Of Arts 3</a></h3>
<ul>
<li><a href="#">Business Psychology</a></li>
<li><a href="#">Criminology and Justice Studies</a></li>
<li><a href="#">Educational Leadership</a></li>
<li><a href="#">Executive Coaching</a></li>
<li><a href="#">Health and Wellness Psychology</a></li>
</ul>
</div>回答 2
Stack Overflow用户
发布于 2012-03-17 02:47:02
如果要向列表项目中添加一个类，并使其打开一个链接，该怎么办：
<div id="accordion">
<h3><a class="link" href="yourlink.html">Masters Of Arts</a></h3>
<ul></ul>
</div>然后，使用jQuery可以阻止链接打开折叠：
$(".link").click(function(e){
e.preventDefault();
}仅供参考，我还没有真正测试过这一点，但可能值得一试。
Stack Overflow用户
发布于 2012-03-24 04:54:42
在@Dave和@Ryan之间，我找到了答案。@Ryan的想法是正确的
<div id="accordion">
<h3><a class="link" href="yourlink.html">Masters Of Arts</a></h3>
<ul></ul>
</div>@Dave添加了缺失的成分
$(".link").click(function(e){
e.stopPropagation();
}我所需要做的就是使用stopPropagation而不是preventDefault，这就解决了问题，谢谢大家。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9742769
复制相关文章
相似问题
腾讯云开发者
