在 jQuery 中调用用户定义的函数
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2520172/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Calling a user defined function in jQuery
提问by user269867
I am trying to call a user defined function in jQuery:
我正在尝试在 jQuery 中调用用户定义的函数：
$(document).ready(function() {
$('#btnSun').click(function() {
myFunction();
});
$.fn.myFunction = function() {
alert('hi');
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnSun">Say hello!</button>I tried the following as well:
我也尝试了以下方法：
$(document).ready(function() {
$('#btnSun').click(function() {
myFunction();
});
});
function myFunction() {
alert('hi');
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnSun">Say hello!</button>It doesn't seem to work! Any idea where I am wrong?
它似乎不起作用！知道我哪里错了吗？
回答by Nick Craver
If you want to call a normal function via a jQuery event, you can do it like this:
如果你想通过 jQuery 事件调用一个普通函数，你可以这样做：
$(document).ready(function() {
$('#btnSun').click(myFunction);
});
function myFunction() {
alert('hi');
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnSun">Say hello!</button>回答by neeraj
Just try this. It always works.
试试这个。它总是有效。
$(document).ready(function() {
$('#btnSun').click(function() {
$.fn.myFunction();
});
$.fn.myFunction = function() {
alert('hi');
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnSun">Say hello!</button>回答by jholster
They are called plugins, as Jaboc commented. To make sense, plugin function should do something with the element it is called through. Consider the following:
正如 Jaboc 评论的那样，它们被称为plugins。有意义的是，插件函数应该对它被调用的元素做一些事情。考虑以下：
jQuery.fn.make_me_red = function() {
return this.each(function() {
this.style.color = 'red';
});
};
$('a').make_me_red();
回答by CreativeMirage
The following is the right method
下面是正确的方法
$(document).ready(function() {
$('#btnSun').click(function(){
$(this).myFunction();
});
$.fn.myFunction = function() {
alert('hi');
}
});
回答by Daniel A. White
Try this $('div').myFunction();
尝试这个 $('div').myFunction();
This should work
这应该工作
$(document).ready(function() {
$('#btnSun').click(function(){
myFunction();
});
function myFunction()
{
alert('hi');
}
回答by dbrainer
jQuery.fn.make_me_red = function() {
return this.each(function() {
this.style.color = 'red';
});
};
$('a').make_me_red() // - instead of this you can use $(this).make_me_red() instead for better readability.
回答by Abhishek Prabhakar
$(document).ready(function() {
$('#btnSun').click(function(){
myFunction();
});
$.fn.myFunction = function() {
alert('hi');
};
});
Put ' ; ' after function definition...
放 ' ; ' 在函数定义之后...
回答by Rinzler
function hello(){
console.log("hello")
}
$('#event-on-keyup').keyup(function(){
hello()
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<input type="text" id="event-on-keyup">回答by Deepak A
jQuery.fn.clear = function()
{
var $form = $(this);
$form.find('input:text, input:password, input:file, textarea').val('');
$form.find('select option:selected').removeAttr('selected');
$form.find('input:checkbox, input:radio').removeAttr('checked');
return this;
};
$('#my-form').clear();
回答by Harry Moreno
in my case I did
就我而言，我做到了
function myFunc() {
console.log('myFunc', $(this));
}
$("selector").on("click", "selector", function(e) {
e.preventDefault();
myFunc.call(this);
});
properly calls myFunc with the correct this.
使用正确的this.
