JQuery 导航菜单动画与 WordPress 页面列表

Question

因此，我使用 Jquery 在当前站点上显示弹出菜单。 html 是所有 WordPress 类型的 WordPress wp_list_pages 输出。对于所有非 WordPress 类型，这意味着 WordPress 将输出嵌套的 ul & 。 li 元素符合 WordPress 上的页面架构。最重要的是，我希望 jquery 代码与 WordPress 兼容，因此如果我更改页面，代码将处理此问题。

我希望代码精简，但以下内容有点简陋。还有更好的想法吗？另外，我希望弹出菜单仅在鼠标悬停在 ul 元素上 1000 毫秒（1 秒）后才出现，否则不出现。想法？

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

所以我在http://cherne.net/brian/resources/jquery.hoverIntent发现了hoverIntent .html。这解决了我的问题。