2013-03-13 20 views

回答

0

,正是:

jQuery(".menu li").on('click', function (e) { 
    e.stopPropagation(); 

    if (jQuery(this).children().prop("tagName") == "A") { 
     jQuery(".menu li a").parent(".item-selected").removeClass('item-selected').addClass('item'); 
    } 

    if (jQuery(this).hasClass('item')) { 
     jQuery(this).removeClass('item').addClass('item-selected'); 
    } 

    else if (jQuery(this).hasClass('item-selected')) { 
     jQuery(this).removeClass('item-selected').addClass('item'); 
    } 

    jQuery(this).children('ul').slideToggle(); 
}); 

請檢查此琴。 jQuery僅適用於您所在的頁面。另一方面,如果你想管理那樣的看起來像,那麼你可以用一些簡單的和一些服務器端的動態幫助。基本上,您需要將要保留的狀態(樹狀菜單的狀態,無論詳細程度)傳遞給服務器,然後將相同的信息彈回到下一頁。然後該頁面將其作爲一組動態生成的javascript var調用構建到頁面中。然後,您可以在頁面加載中添加一個查找這些變量的jQuery函數,並適當地設置菜單。因此,當您進入下一頁時,菜單會打開到您離開它的位置。

相關問題