+ -
当前位置:首页 → 问答吧 → JQUERY的连续改变自身属性的方法为什么无效?

JQUERY的连续改变自身属性的方法为什么无效?

时间:2010-08-25

来源:互联网

RT,一个id为heart
点击后,改变自身id为hearted
然后如果id为hearted
则点击后改变自身为heart


代码如下
  1. $('#heart').click(function(){                $('#heart').empty().attr({'id':'hearted'}).html('♥');                });$('#hearted').click(function(){                $('#hearted').empty().attr({'id':'heart'}).html('♡');                });
复制代码



但是事实上,刷新页面后,只能点击一次,而不能连续点击来连续修改自身属性。
求解。。。

作者: 大街   发布时间: 2010-08-25

用一个class

作者: spser   发布时间: 2010-08-25

$('#heart').click(function(){
        if($(this).attr("id")=="heart"){$('#xx').empty().attr({'id':'hearted'}).html('♥');}else{
                $('#hearted').empty().attr({'id':'heart'}).html('♡');
                }
});
用了unbind还是没用,应该是浏览器读文件的时候就把块与函数绑定了

作者: a3922110   发布时间: 2010-08-25

1,首先,这两段click事件在ready就已经注册了,RT,刚load页面时,元素id = 'heart',所以第一段click事件注册成功,而第二段由于$('#hearted')找不到对象,应该会出错的,所以,即使第一次点击更改了id = 'hearted',此时这个对象并没有绑定click动作......建议用其他属性作判断.

作者: desand   发布时间: 2010-08-25

相关阅读 更多