jQuery的變化的數據屬性

Question

我有三個簡單的按鈕。

<div class="enter-btn">Enter</div> 

<div class="all-btn">All</div> 


<div class="category-all"> 
    <div class="back-btn" data-action="">Back</div> 
</div> 

當你點擊任何Enter或All，它增加了一個data-action價值的Back按鈕。

$(".enter-btn").bind("click", function() { 
    $(".back-btn").attr("data-action", "search-home"); 
}); 

$(".all-btn").bind("click", function() { 
    $(".back-btn").attr("data-action", "category-home"); 
}); 

$(".back-btn").bind("click", function() { 
    alert($(this).data("action")); 
}); 

但如果你點擊Enter，然後再All在Back按鈕值似乎舉行的第一個值，而不是獲得新的。

我添加了一個簡單的jsfiddle顯示我的問題。

http://jsfiddle.net/uCyJx/1/

Answer 1

爲了改變數據屬性使用數據功能http://api.jquery.com/jQuery.data/：

$(".back-btn").data("action", "search-home");