jquery写不引人注目的javascript帮助

Jak*_*ake 3 jquery unobtrusive-javascript

我在jquery中有以下代码.

$(function() {
  $('.test').click(function() {
    alert('this is a test');
  });
});
Run Code Online (Sandbox Code Playgroud)

我意识到这是不引人注目的,但我想通过做这样的事情来尝试让它变得更加不引人注目.

$(function() {
  $('.test').submitAlert();

 *and place the alert message right here.
});
Run Code Online (Sandbox Code Playgroud)

然后,我可以在不同的类上调用警报消息,而无需重新键入代码.有人可以用jquery来告诉我怎么做这个吗?

And*_*ker 8

您可以将代码包装到插件中:

(function($) {
    $.fn.submitAlert = function(text) {
        this.bind("click", function() {
            alert(text);
        });
    }
})(jQuery);
Run Code Online (Sandbox Code Playgroud)

用法:

$(".test").submitAlert("hello world");
Run Code Online (Sandbox Code Playgroud)

这是一个有效的例子:http://jsfiddle.net/andrewwhitaker/UGsHR/1/