Phi*_*ice 4 iteration collections jquery click repeat
我有点困惑为什么这不起作用；我认为因为我正在添加该类并且它没有被添加回集合中，所以我不确定。
它位于 jsbin http://jsbin.com/ayije上，尽管代码也在下面。
无论哪种方式，我只能让该操作在一个元素上发生一次。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('.optional').click(function () {
$(this).removeClass('optional').addClass('selected');
return false;
});
$('.selected').click(function () {
$(this).removeClass('selected').addClass('rejected');
return false;
});
$('.rejected').click(function () {
$(this).removeClass('rejected').addClass('optional');
return false;
});
});
</script>
</head>
<body>
<style>
a {padding:2px;color:white;}
.optional {background-color:blue;}
.selected {background-color:green;}
.rejected {background-color:red;}
</style>
<div id="tagContainer">
<a href="#" class="rejected">a</a>
<a href="#" class="optional"">b</a>
<a href="#" class="selected">c</a>
</div>
</body>
</html>
不确定您是否已经了解这一点...查看有关.live()功能的 jquery 文档。这样，你就可以做这样的事情。
$('.optional').live('click', function () {
$(this).removeClass('optional').addClass('selected');
return false;
});
然后您不必担心文档加载时不存在的类。当元素上的类发生变化时，它们将自动绑定到。
| 归档时间： |
|
| 查看次数： |
14532 次 |
| 最近记录： |