1

我正在使用 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 从“选项”单击为“选项选择”时更改类,我当前的代码如下所示

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

这确实有效,但我的问题是如何在点击事件中让其他 li 类恢复为类选项并将当前点击的 li 类设置为选项选中?

4

1 回答 1

0
(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 或添加到 As

于 2013-01-18T09:23:14.283 回答