php - 一种将同一个按钮用于多种功能的方法

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/