私は3つのシンプルなボタンを持っています。
<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 を追加しました。