一种使用相同按钮进行多种功能的方法

时间:2013-05-11 02:47:16

标签: php jquery html css ajax

我要做的是创建一个注释页面,动态检索数据库中的注释。我把它全部放在一个表中,有几列,但我需要运行的主要功能是我的问题。我有一系列按钮,每个按钮名称相同,但所有按钮都需要打开不同的音符。我尝试使用Jquery和Ajax来做,但我已经空了。有没有办法做我想做的事情?

1 个答案:

答案 0 :(得分: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/