Jquery使用addClass()和removeClass()遇到的问题 jquery addclass 动画

今天做歌曲管理页面的时候,要实现删除歌曲和取消删除的功能。html代码如下:<tablewidth="100%" border="0"><tr>
<td>歌曲ID</td><td>歌曲名</td><td>歌手名</td><td>专辑</th><th>操作</th>
</tr><tr>
<td>100234</td><td>路太弯</td><td>潘玮柏</td><td>玩酷</td><td><a href="javascript:void(0)"title="删除歌曲"></td>
</tr></table>
之前使用以下jquery代码实现://删除歌曲$(".icon-remove").click(function(){
var url ="http://localhost/song/del/id/100234";var this_node = $(this);$.get(url, {},function(ret){
if(ret==0){
alert("删除失败");
}else{
this_node.removeClass("icon-remove");//去除删除的图标
this_node.addClass("icon-remove-circle");//加上取消删除的图标
this_node.at【】tr("title","取消删除");
}
});
});//取消删除$(".icon-remove-circle").click(function(){
var url = "http://localhost/song/undelete/id/100234";var this_node = $(this);$.get(url, {},function(ret){
if(ret==0){
alert("取消失败");
}else{
this_node.removeClass("icon-remove-circle");//去除取消删除的图标
this_node.addClass("icon-remove");//加上删除的图标
this_node.attr("title","删除歌曲");
}
});
});用这种方法的话,删除歌曲成功之后,虽然图标变成了取消删除的图标,但是取消删除时,走的还是$(".icon-remove").click删除歌曲。因为Jquery根本没有劫持到$(".icon-remove-circle").click,这样就一直不能取消删除。后来经过同事的指点,在节点上随便加个属性,如下,<a href="javascript:void(0)" title="删除歌曲"delsong="1">
然后通过获取delsong属性点击事件来执行删除或取消删除即可解决问题。代码如下:$("[delsong]").click(function(){
var this_node = $(this);var delsong =this_node.hasClass("icon-remove");//通过hasClass方法来判断是删除还是取消删除if(delsong){ var url ="http://localhost/song/del/id/100234";
$.get(url,{}, function(ret){
if(ret==0){
alert("删除失败");
}else{
this_node.removeClass("icon-remove");//去除删除的图标
this_node.addClass("icon-remove-circle");//加上取消删除的图标
this_node.attr("title","取消删除");
}
});
}else{ var url = "http://localhost/song/undelete/id/100234";
$.get(url, {},function(ret){
if(ret==0){
alert("取消失败");
}else{
this_node.removeClass("icon-remove-circle");//去除取消删除的图标
this_node.addClass("icon-remove");//加上删除的图标
this_node.attr("title","删除歌曲");
}
});
}
});
Jquery使用addClass()和removeClass()遇到的问题 jquery addclass 动画

  

爱华网本文地址 » http://www.413yy.cn/a/25101014/228334.html

更多阅读

转载 有关硕士论文查重的总结:使用paperpass和知网的心得!

原文地址:有关硕士论文查重的总结:使用paperpass和知网的心得!作者:蚂蚁酷9月30日上交了论文查重,今天晚些时候年级通知我们,结果出来了,没有公布相似的比例,但通过了。这算是过了论文的第一关了,略微松了一口气,回想之前改论文的痛苦过程,觉得

婚礼中使用烛台和香槟塔的具体含义 婚礼香槟塔音乐

现在婚礼中普遍都可以看到使用烛台和香槟塔,新人们都适用于这种做法,却忘记了这些婚礼环节的深层意义,今天就来和大家聊聊这些。在婚礼中使用烛台的意义。首先是烛台,现代婚礼上烛台大多以新人共同点燃为仪式进行。在中国古代一直有娶

声明:《Jquery使用addClass()和removeClass()遇到的问题 jquery addclass 动画》为网友猫鱼薄荷分享!如侵犯到您的合法权益请联系我们删除