JQuery導航菜單動畫與Wordpress頁面列表

Question

所以我使用Jquery在我的當前網站上顯示彈出式菜單。 html是一個wordpress wp_list_pages輸出，用於你所有的wordpress類型。對於所有非wordpress類型，這意味着wordpress會根據wordpress上的頁面架構輸出嵌套的ul元素。底線，我希望jQuery代碼兼容WordPress，所以如果我更改頁面，代碼將處理此問題。

我想代碼是精簡版，但以下是有點janky。任何更好的想法？另外，我希望彈出菜單僅在鼠標在ul元素上懸停1000ms（1s）後出現，但不會以其他方式顯示。思考？

jQuery(document).ready(function() { 
    jQuery.fn.pauseit = function(duration) { 
     jQuery(this).animate({ dummy: 1 }, duration); 
     return this; 
}; 
}); 


jQuery(document).ready(function() { 
    jQuery("div#access li.page_item ul").css({display: "none"}); // Opera Fix 

    jQuery("div#access li.page_item").hover(

     function(){ 
      jQuery(this).find('ul:first').pauseit(1000).css({/*visibility: "visible",display: "none"*/}).fadeIn('fast'); 
     }, 

     function(){ 
      jQuery(this).find('ul:first').css({/*visibility: "hidden",*/}).fadeOut('fast'); 

     } 
    ); 

}); 

Answer 1

所以我發現hoverIntent在http://cherne.net/brian/resources/jquery.hoverIntent.html。這解決了我的問題。