一种将同一个按钮用于多种功能的方法[关闭]

【问题标题】：a way to use the same button for multiple functions [closed]一种将同一个按钮用于多种功能的方法[关闭]
【发布时间】：2013-05-11 11:02:30
【问题描述】：

我要做的是创建一个笔记页面，从数据库中动态检索笔记。我把它全部放在一张桌子上，有几列，但我需要发挥作用的主要功能是我的问题。我有一系列按钮，每个按钮都具有相同的名称，但它们都需要打开不同的笔记。我尝试使用 Jquery 和 Ajax 来做到这一点，但我已经空了。有什么办法可以做我想做的事吗？

【问题讨论】：

你听起来好像在正确的轨道上。究竟是什么问题？点击一个按钮，获取一条笔记，应该很简单吧？
给每个按钮一个不同的id，并将其用作您的选择器。

标签： php jquery html css ajax

【解决方案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/

【讨论】：

谢谢。这应该工作