我试图改变Wordpress菜单下拉菜单,例如当解决方案悬停在我想要创建并添加一个新的div与类' .solutions-dd'到菜单和里面我想放置现有的Wordpress下拉列表。我按照预期的方式工作了: http://bit.ly/1KhVNAq
然而,它无法在某些页面上运行:http://bit.ly/1Fx2LQY
我无法看到任何Javascript错误,也无法看到菜单中的任何差异导致它在某些页面上失败。
jQuery使用:
<!-- Custom Solutions Menu Dropdown -->
$("li.solutions").mouseover(function(){ /*On mouse over*/
$("<div class='solutions-dd'></div>").appendTo("#sector-choice"); /*Append new div to div #sector-choice*/
$("li.solutions ul.sub-menu").appendTo(".solutions-dd");/*Append existing dropdown to new #sector-choice div*/
});
/*Remove new div & styles on mouse when mousing over over divs*/
$('.home, .about, .products, .customer, .Recommendations, .contact, #masthead, .entry-content, #article').mouseover(function(){
$(".solutions-dd ul.sub-menu").appendTo("li.solutions");
$( ".solutions-dd" ).remove();
});