javascript - 单击时onclick事件不添加类

Question

这是一个jsFiddle Demo我的问题

HTML

<div onclick="toggleFolder()" title="on" class="folderImage"><img src="..." id=" /></div>

JavaScript:

function toggleFolder() {
    var toggle = $(this).attr('title');
    if( toggle == 'on' )
    {
        $(this).addClass("folderImageActive");
        $(this).attr('title','off');
    }
    else
    {
        $(this).removeClass("folderImageActive");
        $(this).attr('title','on');
    }
}

问题是当我点击图片时，没有任何反应。我期待它添加类“folderImageActive”，但它似乎没有这样做。

Answer 1

(几乎)一切都使用 jQuery:

$('.folderImage').on('click', function() {
    $(this).toggleClass('folderImageActive', this.title=='on');
    this.title = this.title == 'on' ? 'off' : 'on';
});