使用jQuery来回更改类？

Question

嘿伙计们,我有一个小按钮功能,不是错误的,但也没有工作.addItem被称为fine,并将类从"add-button"切换到"in-cart-button",但是$("a.in-cart-button").click(...似乎没有当我点击"购物车内按钮"时,它会再次触发addItem功能...任何想法？

function addItem(t_id) {
    $("#" + t_id).addClass("in-cart-button").removeClass("add-button");
}

function removeItem(t_id) {
    $("#" + t_id).addClass("add-button").removeClass("in-cart-button");
    alert("Remove item with id: " + t_id);
}

$("a.add-button").click(function(event) {
    event.preventDefault();
    addItem(event.target.id);
});

$("a.in-cart-button").click(function(event) {
    event.preventDefault();
    removeItem(event.target.id);
});

谢谢!

Answer 1

而不是.click()在最初找到元素时(最初是由哪些类)绑定元素,你需要.live()在这里,像这样:

$("a.add-button").live('click', function(event) {
//and
$("a.in-cart-button").live('click', function(event) {

随着.click()当元素的类改变它没有对处理器的影响,所有重要的是哪些元素有上课的时候你打电话$("a.add-button")和$("a.in-cart-button"),它发现了元素并绑定到这些......发生了什么事后没有按"元素无所谓,处理程序绑定到元素,而不是类.用.live()它来点击时检查班级:)