0
所以我使用Jquery在我的当前网站上显示弹出式菜单。 html是一个wordpress wp_list_pages输出,用于你所有的wordpress类型。对于所有非wordpress类型,这意味着wordpress会根据wordpress上的页面架构输出嵌套的ul元素。底线,我希望jQuery代码兼容WordPress,所以如果我更改页面,代码将处理此问题。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');
}
);
});
它解决了我的问题的一部分,谢谢。 – dvdmn 2011-11-17 14:54:28