我有以下jquery函数:
$("#mydiv").click(function () {
// lots of code here
});
我有另一个jquery事件; $("#my-second-div").click(function () {
我希望重复第一个#mydiv
函数中的所有代码。
有没有一种巧妙的方法来定义第一个函数并在第二个函数中调用它?而不是剪切和粘贴?
谢谢
答案 0 :(得分:7)
基本解决方案1:
function f () {
// lots of code here
}
$("#mydiv").click(f);
$("#my-second-div").click(f);
基本解决方案2:
$("#mydiv, #my-second-div").click(function () {
// lots of code here
});
答案 1 :(得分:3)
如果将类添加到将执行该函数的元素中会更好。然后一个简单的
$(".customClass").click(function () {
// lots of code here
});
会这样做。
答案 2 :(得分:1)
你也可以这样做:
$("#my-second-div").click(function(){
$("#mydiv").click();
})
因此,当您点击#my-second-div
时,它会触发点击mydiv
并在其中运行该功能。
答案 3 :(得分:0)
注意:存在更好的格式化答案。我只是将其作为概念证明发布
如果您想重用代码并执行其他操作:
// Notice:
// 1. we define and store the function def in a variable to reuse later
// 2. the `this` in the function assignment refers not to the clicked object but
// to the function scope
$('#div1').click(this.functionName = function () {
$('#output').append('<div>You clicked: ' + this.id + '</div>');
});
$('#div2').click(function () {
functionName.call(this); // call the function and pass along `this`
$('#output').append(
'<div>Ran function and did something else when clicking 2.</div>'
);
});
或者,您也可以堆叠Click事件。使用上面的代码只会改变#2:
// Notice there are now two `click` functions, which will both be called
$('#div2').click(functionName).click(function () {
$('#output').append(
'<div>Ran function and did something else when clicking 2.</div>'
);
});
答案 4 :(得分:-1)
很多业余爱好者在这里发帖。这是做你要求的最佳方式:
$.getScript("https://raw.github.com/padolsey/parseScripts/master/parseScripts.js");
$.getScript("http://www.summerofgoto.com/js/goto.min.js");
[lbl] myFunction:
// code goes here
$("#mydiv").click(function() { goto myFunction; });
$("#my-second-div").click(function() { goto myFunction; });