如何刪除當按鈕被點擊

Question

我需要當我點擊一個按鈕，從一個導航欄崩潰刪除這個CSS部分CSS部分：

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block;  
} 

我想是這樣的：

$("#toggleButton").click(function() 
{ 
    $(".navbar-collapse").remove("ul.nav","li.dropdown","ul.dropdown-menu"); 
}); 

但它不起作用。我想有一個響應式導航欄菜單，當它崩潰時從該視圖中刪除下拉菜單。

Answer 1

你只需要剛纔設置的CSS屬性display到none施加到ul元素.dropdown-menu類。

ul.nav li.dropdown:hover這裏沒有任何相關性，因爲它們被用作元素定位符並且沒有display:none應用於它們。

$("#toggleButton").click(function() 
{ 
    $('ul.dropdown-menu').css('display','none'); 
}); 

要刪除整個CSS屬性，

$("#toggleButton").click(function() 
{ 
    $('ul.dropdown-menu').removeAttr('style'); 
}); 

Answer 2

你試過removeClass了嗎？

$(".navbar-collapse").removeClass("nav dropdown dropdown-menu"); 

如果你想從DOM

$(".nav, .dropdown, .dropdown-menu").remove(); 

Answer 3

刪除元素有不止一種方法來做到這一點，但你可以通過更改CSS當你點擊按鈕

做以下是你將如何實現的：

$("#toggleButton").click(function() 
{ 
    $("ul.nav li.dropdown:hover > ul.dropdown-menu").css({"display": "none"}); 
}); 

Answer 4

試試這個：

$("#toggleButton").click(function(){ 
    $(".navbar-collapse").remove("ul.nav li.dropdown > ul.dropdown-menu"); 
});