第二次点击后Jquery手风琴改变链接功能

时间:2013-09-03 15:42:00

标签: jquery jquery-ui jquery-ui-accordion

我有一个简单的手风琴,并想知道如何在第二次点击后更改链接,以便它转到实际的URL。 所以第一次点击打开手风琴,工作正常,然后第二次点击进入href。

我的手风琴代码是

$(".mobile-main-nav ul ul").accordion({
            collapsible: true,
            active: false,
            header: "a.level2"
        });

我知道event:false选项会禁用click事件,但我不确定应用它的最佳方法是什么。

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以挂钩手风琴的'beforeActivate'事件,将flag属性附加到元素。通过条件运行这个,你应该得到你想要的东西。

$("ul.testnav").accordion({
collapsible: true,
active: false,
beforeActivate: function(e, ui){
    if(ui.newHeader.attr('data-visited')){
        window.location = ui.newHeader.attr('href');
    } else {
         ui.newHeader.attr('data-visited', 'true');
    }
}

});

http://jsfiddle.net/P6JeF/1/(实际链接不起作用,因为jsFiddle没有'page1.html')