我在建設我的菜單行爲的過程中,想要使用jQuery的一些媒體查詢不執行。jQuery的調整,如預期
This is the basic functionality of the menu.我只希望在nav ul li
爲display: block
時加載。一旦他們是inline-block
或其他東西,我不想使用slideToggle
。
我嘗試使用中解釋的resize.function
,但是當我這樣做時,slideToggle
在點擊which you can see in this fiddle上發生兩次。
初始加載,當您單擊下拉li
性能達到要求,但如果你調整窗口的大小,然後單擊li
它滑動開關的兩倍;我想知道爲什麼會出現這種情況,因爲我對jQuery非常陌生。
JS
$(window).resize(function(){
if ($("header nav ul li").css("display") == "block"){
$(".dd").click(function() {
$(".submenu").slideToggle("slow");
$(".ar").toggleClass("up");
});
}
}).trigger('resize');
每次運行resize處理程序時,都會添加一個附加的點擊處理程序。 – Barmar
爲處理另一個事件的處理程序內的一個事件綁定處理程序是很少正確的。全局綁定處理程序,並讓外部處理程序設置內部處理程序檢查的變量。 – Barmar
我應該強調,我對jQuery非常**,所以我不完全確定如何去做,但謝謝你的迴應。 – justinw