1

我有一个关于 jqueryonclick函数的问题，问题不是 bug；当我编写一些使用 jquery 的按钮单击函数时，我编写了很多 jquery，例如：

$(document).ready(function(){
    $('#dp1').datepicker({
            format: 'yyyy-mm-dd'
    });
    $('#dp2').datepicker({
            format: 'yyyy-mm-dd'
    });

    $("#addNewQ").on('click', function(){
       .......
    });
    $('#addNew').on('click', function(){
       .......
    });
    $('#addText').on('click', function(){
       .......
    });

});

我的问题是如何写得更好。我不想写很多点击功能。

我已经尝试谷歌，但我不知道关键字。谢谢 ！

4

1 回答 1

2

如果这些点击事件正在运行相同的功能，那么您可以为多个元素提供一个类，并使用它。例如，您的日期选择器可能已class="datepicker"添加到它们，这将需要 1 个事件侦听器：

$('.datepicker').datepicker({
       format: 'yyyy-mm-dd'
});

但是，如果这些点击事件中的每一个都将运行不同的函数，那么您最好为每个事件设置不同的点击事件侦听器。

但是，这并不意味着您必须在 1 个长 DOM 就绪函数中列出您的点击事件侦听器。您可以使用 Javascript OOP 来更好地组织您的点击事件。

你可能会发现这篇关于 Javascript OOP 的文章对你有一些用处：

http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/

于 2012-04-23T15:26:15.807 回答