jquery - 禁用其他链接的 JQuery Toggle

Question

有没有办法禁用另一个链接，使用切换功能重新启用它们。

到目前为止，这是我的脚本。我想在单击“娱乐”时禁用“军事”，但在切换返回时重新启用链接。

$("[href='#Entertainment']").click(function () {
$("#Entertainment").toggle("slow");

});


$("[href='#Military']").click(function () {
$("#Military").toggle("slow");

});

反正有这样做吗？

Answer 1

好吧，我想通了...

这是一个工作示例FIDDLE

像这样设置你的html，给链接一个ID

<a id='Elink' href='#Entertainment'>Entertainment</a>
<a id='Mlink' href='#Military'>Military</a>
<div id='Entertainment'>EntertainmentContent</div>
<div id='Military'>Military Content</div>

然后在点击时，切换发生后，回调函数会检查相应的分隔符是否可见，如果是，则禁用其他链接，如果不可见，则启用其他链接

$("#Elink").on('click', eclick);    
$("#Mlink").on('click', mclick);


function mclick() {

        $("#Military").toggle("slow", function() {
            if ($("#Military").is(':visible')) {
                $("#Elink").attr('href', 'javascript:void(0);').off('click');
            } else {
                $("#Elink").attr('href', '#Entertainment').on('click', eclick);
            }
        });
}

function eclick() {
        $("#Entertainment").toggle("slow", function() {
            if ($("#Entertainment").is(':visible')) {
                $("#Mlink").attr('href', 'javascript:void(0);').off('click');
            } else {
                $("#Mlink").attr('href', '#Military').on('click', mclick);
            }
        });
}