WordPress的菜單+引導NavBar

我現在堅持下面的這個問題，我希望你能幫助我。我真的很感激。WordPress的菜單+引導NavBar

1st - 我創建了WordPress的菜單（瞭解它的一切工作）。 2nd - 我在Wordpress菜單的html標籤上實現了Bootstrap類（例如nav navbar-nav，下拉菜單，下拉菜單等）。（得到它，並使其工作）第三 - 爲了使下拉工作，我用（preg_place）將默認（子菜單）替換爲（下拉菜單），然後使功能工作我用（preg替換）再次插入一個類和數據切換到錨鏈接。

現在的問題是，錨鏈接似乎沒有正常運行。

check it out here. （使用頂部的資產淨值）

繼承人在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');

感謝很多人的代碼！

和btw ..我用了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>

來源

2016-11-16 kadong

你的子導航有一個下拉開關類，這就是他們不工作 –

我不完全知道如何修復你的代碼，但你可以看看：https：//github.com/twittem /可溼性粉劑自舉-navwalker – jurruh

在功能方面，我會努力改變這一行：

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

對於這一個：

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

由於a.dropdown-toggle已經happended ...
也許它沒有出現在「文檔準備好」中，所以「delagation」語法可能有幫助。

來源

2016-11-17 00:41:39

WordPress的菜單+引導NavBar

回答

相關問題