如何更改類UL使用mootools的的onclick

Question

我使用MooTools的做到這一點：我有一個UL，看起來像這樣

<ul> 
    <li><a class="option">TEXT</a></li> 
    <li><a class="option">TEXT</a></li 
    <li><a class="option">TEXT</a></li> 
    <li><a class="option">TEXT</a></li> 
</ul> 

我想有類改變裏被點擊時從「選項」到「選項選擇」，我當前的代碼如下所示

$$('li.option').addEvent('click', function(el){ 
    this.toggleClass('option-selected'); 
}); 

這並不工作，但我的問題是，如何在點擊事件有其它利班恢復到類選項將當前點擊li類設置爲選項選擇？

Answer 1

(function() { 
    var list = document.id('menu'), 
     os = 'option-selected'; 

    menu.addEvent('click:relay(li .option)', function (e, el) { 
     e.preventDefault(); 
     menu.getElements('.' + os).removeClass(os); 
     el.addClass(os); 
    }); 
}()); 

可以玩它/在這裏調整它。 http://jsfiddle.net/dimitar/nYEkj/

它錨定到ul元素，只通過事件委託給該事件附加1個事件。取決於你的策略是什麼 - 將課程添加到li或將其添加到作爲