一種使用同一個按鈕來實現多種功能的方法

Question

我想要做的是創建一個註釋頁面，它從數據庫中動態檢索筆記。我把它全部放在一張桌子上，有幾列，但我需要運作的主要特點是我的問題。我有一系列的按鈕，每個按鈕都有相同的名稱，但他們都需要打開不同的音符。我試圖用Jquery和Ajax來做，但我已經空了。有什麼辦法可以做我想做的事嗎？

Answer 1

可以將數據添加到每個按鈕，使用它看起來像這樣的數據屬性：data-{index}="{value}"或更清楚地看到，在元素本身：

<button class="button" data-action="note-1">Save</button> 
<button class="button" data-action="note-2">Save</button> 

然後它使用jQuery像這樣的過程：

$('.button').on('click', function() { 
    var $this = $(this), 
     action = $this.data('action'); 
    if (action === 'note-1') { 
     //load note 1 
    } 
    // something similar for other notes 
}); 

這裏有一個初步認識的jsfiddle http://jsfiddle.net/E8uZb/