改變風格的jQuery提交表格

Question

好的，標題可能會很混亂。我會盡力解釋。我有一個元素，即點擊呼籲與jQuery的功能和元素的樣式從一個改變到另一個時：

$(".edit").click(function() { 
     $(this).removeClass("edit").addClass("save"); 
    }); 

    $(".save").click(function() { 
     // do form post 
     $(this).removeClass("save").addClass("edit"); 
    }); 

<span class="edit"></span> 

當我點擊它的樣式確實發生了改變。我使用FireFinder for Firebug進行了檢查，事實上我看到「保存」類，但是當它被點擊時，它似乎沒有觸發第二個功能，但仍然是第一個功能。爲什麼？我該如何解決這個問題？

Answer 1

您必須添加一個現場活動 - http://api.jquery.com/live/

$(".edit").live('click', function() { 
    $(this).removeClass("edit").addClass("save"); 
}); 

$(".save").live('click', function() { 
    // do form post 
    $(this).removeClass("save").addClass("edit"); 
}); 

Answer 2

你必須使用我認爲的實時功能。當你第一次裝上單擊處理程序不匹配任何元素：

http://api.jquery.com/live/

Answer 3

試試這個：

$(".edit, .save").click(function() { 
    if($(this).hasClass("edit") { 
     $(this).removeClass("edit").addClass("save"); 
    } else { 
     $(this).removeClass("save").addClass("edit"); 
    } 

}); 

Answer 4

爲元素指定一個id而不是應用「這個」聲明。然後改變班級。

我做了一些完全相同的工作。