Question

我有一个jQuery手风琴菜单，我知道在某些时候我想要让其中一个级别不扩展（所以它可以点击而不是打开手风琴）我似乎无法想象它或找到如何做的文档。

看看我的示例代码的第二级。我试着把它留空，我尝试了一个打开和关闭的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>

Answer 1

如果要将类添加到要打开链接的列表项中，该怎么办：

<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();
}

仅供参考，我实际上没有对此进行测试，但它可能值得一试。

Answer 2

在@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，这就是诀窍，谢谢你们。

jQuery UI手风琴（非手风琴水平）

2 个答案: