Wordpress jQuery菜单修改

时间:2015-05-19 13:59:24

标签: javascript jquery wordpress

我试图改变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();
});

1 个答案:

答案 0 :(得分:0)

它在某些页面失败的原因是因为它与其他jQuery插件冲突。您可以尝试将$替换为jQuery

详细了解jQuery noConflict wrappers