jQuery：鏈接後.toggle（）

jquery：鏈接不工作我剛剛構建了一個下拉菜單，我想點擊下拉，並在其他點擊後返回。這完全適用於我使用的切換，但問題是在下拉後，鏈接不會執行。jQuery：鏈接後.toggle（）

$（函數（）{

$("#nav_menu-2 ul.menu ul").css({ display: 'none' }); 


    $("#nav_menu-2 ul.menu #testbutton").toggle(function() { 


     $(this).find('ul.sub-menu') 
      .stop(true, true).delay(50).animate({ "height": "show", "opacity": "show" }, 300); 
    }, function(){ 

     $(this).find('ul.sub-menu') 
      .stop(true, true).delay(50).animate({ "height": "hide", "opacity": "hide" }, 300); 
    }); 

});

所以我geuss是，菜單已經刪除後，又回到了上一點擊，而不是執行的鏈接。但是因爲我是很新的使用Javascript/jQuery的，我不知道我有什麼其他選擇，任何想法

來源

2012-08-09 Jando

我會改用slideToggle，綁定到按鈕的單擊事件應該打開菜單：？

$("#nav_menu-2 ul.menu #testbutton").click(function() { 
    $('ul.sub-menu').slideToggle(); 
});

您可能需要稍微更改選擇器，具體取決於菜單的構建方式。

來源

2012-08-09 12:44:18 Flash

是的，這個工程！ Thnx A LOT :) – Jando 2012-08-09 13:31:09

這是一個已知的副作用toggle()。該文件說：

的實施也要求.preventDefault()上的事件，所以鏈接不會遵循和按鈕將無法點擊，如果.toggle()已被稱爲元素。

要解決該問題，您必須綁定到click而不是toggle。正如Andrew所說，您可以使用slideToggle()從click事件獲得相同的行爲。

來源

2012-08-09 12:46:14

感謝您的解釋。 – 2013-02-22 13:25:07

jQuery：鏈接後.toggle（）

回答

相關問題