![](/img/trans.png)
[英]Call this.instanceMethod inside another instance method event handler
[英]Is it possible that I can call another event handler inside an event?
我有这两组代码,一个是在点击按钮时提示,
$('.button_class').click(function(){
var baker_url = base_url + 'baker/baker/manage/Bread/1';
var answer = confirm('Are you sure?');
if(answer == true){
// if this is true, i will call an external script so that within this condition that process will be executed
}
else if(answer == false){
return false; // exits
}
});
然后这个代码就是负责在单击按钮时执行进程的代码,
$('.another_button_class').click(function(e){
e.preventDefault();
var baker_url = base_url + 'baker/baker/manage/Bread/1';
var form = '#'+ $(this).attr('rel');
var url = $(form).attr('action');
var target = '#'+ $(form).attr('rel');
$(target).slideUp();
$.post(url, $(form).serialize(),function(data) {
$(target).html(data).slideDown(function(){
if(data == '<div class="ok">Added</div>'){
setTimeout(refresh,1000)
c();
window.location = baker_url; // sets the url after refreshing
}
});
});
});
在第一个函数中,当answer == true
,我想执行后一个函数( 单击按钮时执行流程的函数)。
我真的可以调用另一个函数或事件处理程序来在另一个函数中执行它的进程吗?
如果我正确理解了这个问题,那么当您单击按钮#2或单击按钮#1并在提示中单击是时,您需要产生效果? 如果是这样,我可以想到三个选择:
命名第二个函数,如果e
未定义则使其工作; 所有它真正做到的是防止默认。 然后,您可以从第一个事件中调用命名函数。
更好的版本1:创建一个除e.preventDefault();
之外的所有功能的新功能e.preventDefault();
在第二段代码中。 然后你可以从这两个事件中调用它。
如果在第一个按钮中选择“是”,则使用jQuery模拟第二个按钮的单击事件。
编辑在这种情况下,第二个是更好的选择。 如果您确实需要事件对象,请使用第三个。
不确定这是不是你想要的
if(answer == true){
// if this is true, i will call an external script so that within this condition that process will be executed
$('.another_button_class').trigger('click');
}
这将触发对$('.another_button_class')
元素绑定的click事件处理程序的调用。
确保使用e.preventDefault();
在第一次点击时,或将遵循链接
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.