Поэтому я использую Jquery для отображения всплывающего меню на моем текущем сайте. HTML - это вывод WordPress wp_list_pages для всех типов WordPress. Для всех типов, отличных от 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');
}
);
});