jquery中不工作的切换类

Question

我所需要的

• 我需要切换图像时，点击后使用切换。 css码 .favourate{显示:块；背景:url(‘/映像/star1.png’)不重复；宽度:24 no；高度:25 no；浮动:右；} .favourate.faved，.favourate:active{背景:url(‘/.favourate.faved/star1_hover.ng’)不重复；转换：.2s使所有；}

javascript代码：

 $(document).ready(function(){
var eventData = {};
if (localStorage.getItem('eventData') !== null) {
    $.each(eventData = JSON.parse(localStorage.getItem('eventData')), function(id){
        $('#'+id).addClass('faved');
    });
}
$('.favourate_dextop').click(function(e){
    e.preventDefault();
    if (eventData[this.id] !== undefined) {
        delete eventData[this.id];
    }else{
        eventData[this.id] = $(this).data();
    }
    $(this).toggleClass('faved');
    localStorage.setItem('eventData', JSON.stringify(eventData));
    console.log(eventData);
});  
     });

我试过的

• 我试过在css中删除悬停&然后切换类工作正常。小提琴手：http://jsfiddle.net/xxuhL555/
• 下面是我在css :http://jsfiddle.net/o61rqj95/中未移除悬停的时间的弹琴。
• 我如何通过css或jquery处理这个问题。
• 这是切换或css的问题。

调试

• 单击“图像更改”。
• 再点击红星注意(图片做“nt更改”)。
• 在消除悬停，它的工作，这不是我的要求。

输出

• 它应该像切换图像，而不消除悬停在图像上。

Answer 1

在Chrome中，Fiddle会在localStorage代码上抛出一个错误，从而阻止注册单击处理程序。单击事件代码本身工作正常。