Question

由于我没有找到更合适的方式让当前页面处于活动状态，我想我应该在点击链接时切换一个类。但是，我无法解决元素选择器的错误：

HTML：

<div id="cssmenu">
    <ul>
        <li><a href="#" rel="#iframe">Panel</a></li>
        <li><a href="#" rel="#iframe">Settings</a></li>
        <li><a href="#" rel="#iframe">Else</a></li>
    </ul>
</div>

jQuery的：

$('li').change(function () {
    $(this).toggleClass('colorify', this.clicked);
});

JSFiddle

Answer 1

使用点击而不是更改：

$('li').click(function () {
    $(this).toggleClass('colorify', this.clicked);
});

change只能用于输入元素，例如文本框，textareas和复选框。

Answer 2

您无法在li上使用更改侦听器。

来自jQuery Docs：

更改事件在其值更改时发送到元素。这个事件仅限于<input>元素，<textarea>框和<select> 元件。

使用toggleClass（）选择当前页面

2 个答案: