Wordpress菜單+ Bootstrap NavBar

Question

我現在在下面遇到這個問題，我希望你能幫助我。 我真的很感激。

1 - 我創建了Wordpress菜單（完成所有工作）。 第二 - 我在Wordpress菜單的html標簽上實現了Bootstrap類（例如nav navbar-nav，下拉菜單，下拉菜單等）。 （得到它並讓它以某種方式工作）第3 - 為了使下拉列表工作我使用（preg_place）將默認（子菜單）替換為（下拉菜單）然后使功能工作我再次使用（preg-replace）將類和數據切換插入到錨點鏈接。

現在問題是，錨鏈接似乎根本不起作用。

看看這里。 （使用頂部的導航）

下面是function.php上的代碼

function new_submenu_class($menu) {
$menu = preg_replace('/ class="sub-menu"/','/ class="dropdown-menu" /',$menu);  
return $menu;  
}
add_filter('wp_nav_menu','new_submenu_class');

function add_menuclass($ulclass) {
$ulclass = preg_replace('/<a/', '<a class="dropdown-toggle" data-toggle="dropdown" role="button"', $ulclass);
return $ulclass;
}
add_filter('wp_nav_menu','add_menuclass');

非常感謝！

順便說一下..我在第3級子菜單中使用了jQuery。 這是：

<script type="text/javascript">
$(document).ready(function() {
$('.navbar a.dropdown-toggle').on('click', function(e) {
var $el = $(this);
var $parent = $(this).offsetParent(".dropdown-menu");
$(this).parent("li").toggleClass('open');
if(!$parent.parent().hasClass('nav')) {
$el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4});
    }

    $('.nav li.open').not($(this).parents("li")).removeClass("open");

    return false;
});
});

</script>

Answer 1

在函數中，我會嘗試更改此行：

$('.navbar a.dropdown-toggle').on('click', function(e) {

對於這個：

$('.navbar').on('click', 'a.dropdown-toggle', function(e) {

由於a.dropdown-toggle已經發生了......
也許它沒有出現在“文件就緒”上，因此“ 爆燃 ”語法可能有所幫助。