JQuery Accordion：单击标题时打开链接而不是向下滑动手风琴

Question

更新：

$('#menu1').bind('accordionchangestart', function(e, ui)
{
    console.log( 'accordionchangestart event triggered' );
    e.preventDefault();
});

我尝试了上面的代码，我确实收到了控制台消息，但手风琴仍然向下滑动。有没有办法阻止手风琴在活动中滑落？

我尝试过 return false 和 e.stopImmediatePropagation()。它们似乎都不能阻止手风琴滑落。

---

以下是我的手风琴 HTML：

<div id="menu1">
    <div>
        <h3><a href="#">Item 1</a></h3>
        <div>
            <a href="#">Item 1.1</a><br>
            <a href="#">Item 1.2</a><br>
            <a href="#">Item 1.3</a><br>
            <a href="#">Item 1.4</a><br>
        </div>
    </div>
    <div>
    <h3><a href="item2.html">Item 2</a></h3>
    <div></div>
    </div>
    <div>
    <h3><a href="#">Item 3</a></h3>
    <div>
        <a href="#">Item 3.1</a><br>
        <a href="#">Item 3.2</a><br>
        <a href="#">Item 3.3</a><br>
        <a href="#">Item 3.4</a><br>
    </div>
    </div>
</div>

我希望手风琴能够正常工作，除非标题链接不是 #。例如，Item 2 的 href 为 item2.html。在这种情况下，我希望它充当普通链接并打开页面。

Answer 1

这就是你可以做的：

HTML：

<div id="menu1">
    <div>
        <h3><a href="#">Item 1</a></h3>
        <div>
            <a href="#">Item 1.1</a><br>
            <a href="#">Item 1.2</a><br>
            <a href="#">Item 1.3</a><br>
            <a href="#">Item 1.4</a><br>
        </div>
    </div>
    <div>
    <h3><a href="item2.html">Item 2</a></h3>
    <div></div>
    </div>
    <div>
    <h3><a href="#">Item 3</a></h3>
    <div>
        <a href="#">Item 3.1</a><br>
        <a href="#">Item 3.2</a><br>
        <a href="#">Item 3.3</a><br>
        <a href="#">Item 3.4</a><br>
    </div>
    </div>
</div>

Javscript：

$(document).ready(function(){
    $("#menu1 div div").hide();
    $("#menu1 div h3 a").click(function(e){
        if($(this).attr("href") == "#"){      
            e.preventDefault();
            $("#menu1 div div").slideUp();
            $(this).parent().next().slideDown();
        }
    });
});

jsfiddle

Answer 2

更改您的点击事件以包含如下内容：

if ($(this).attr("href") != "#") {
  window.location = $(this).attr("href");
  return;
}

Answer 3

您能向我们展示您正在使用的插件吗？还是自制的？

如果它是一个插件，你可以去活动并说：
如果 href 与 # 不同，则转到链接。

例如

$('h3').click(function(){
   if($(this).attr('href') != '#'){ return true; }
});

或类似的东西。如果没有 javascript 脚本，很难说。