2014-05-19 20 views
0

我使用的是http://mmenu.frebsite.nl/,它的效果很好。如何使mmenu觸發新增項目(選定功能)

但是,當將項目動態添加到菜單時,所選類別不適用於這些動態添加項目。

的代碼看起來是這樣的:

HTML

<nav id="menu"> 
    <ul id="ulmenu"> 
     <li class="Selected"><a href="/home/">Home</a></li> 
     <li><a href="/settings/">Settings</a></li> 
    </ul> 
</nav> 

JAVASCRIPT

$("#ulmenu").append('<li><a href="/contact/">Contact</a></li>'); 

是否有觸發刷新,或者anohter的方式動態地添加了可以使用的元素的方式這個選擇的類?

感謝

回答

0

我猜選擇類添加到裏的當你點擊/點擊它。它是插件功能的一部分。

所以,當你追加聲言如下─

$("#ulmenu").append('<li><a href="/contact/">Contact</a></li>'); 

新的項目,您應該添加點擊事件,並會選擇類添加到這個項目你可以做的是。是這樣的:

$("#ulmenu").append('<li class="dynamic"><a href="/contact/">Contact</a></li>'); 
    $('.dynamic').on('tap',function(){ 

    $(this).addClass('Selected'); 

    }); 
+0

問題不是自身具有所選類別中,但它不工作喜歡這個。問題是當你點擊這樣一個新項目時,它不會像其他項目那樣突出顯示。這個功能被編碼成mmenu本身。 – innersky

+0

http://jsfiddle.net/2nX25/ –

0

Working demo

請使用事件代表團動態添加HTML元素

$("#ulmenu").append('<li><a href="/contact/">Contact</a></li>'); 

    $("#ulmenu").on("click","li a",exe); 

    $("#ulmenu").find("li a:last").trigger("click"); 

    function exe(){ 
    alert(1); // here do your work 
    } 
+0

我可以這樣手動,但它具有內置的功能,我更喜歡使用現有的功能 – innersky