jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 有没有办法将命令绑定到fadeIn事件而不必使用.trigger(‘fadeIn’)?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个具有不同模块的交互式表单系统,其中每个模块的表单包含在不同的div元素中.当我从一个模块更改为另一个模块时,我经常这样做:

$('#module_1').hide();
$('#module_2').fadeIn();

我喜欢这个,但现在,在开发这个系统一段时间后,我有一些函数(比如重新初始化一个jqgrid),我想在每次fadeIn发生时发生.我这样设置:

$('#module_2').bind('fadeIn',function(){
    initialize_jqgrid();
});

有没有办法让我可以为$(‘#module_2’)的所有实例工作.fadeIn();无需去每个实例并用它替换它?

$('#module_2').fadeIn().trigger('fadeIn');

这背后的动机就是拥有更清晰的代码,$(‘#module_2’).fadeIn().trigger(‘fadeIn’);有点多余.

非常感谢!

解决方法

当然,

var _old = $.fn.fadeIn;

$.fn.fadeIn = function(){
    var self = this;
    return _old.apply(this,arguments).promise().done(function(){
        self.trigger("fadeIn");
    });
};

// and your code: // @R_618_9363@ce .bind with .on if jQuery 1.7+
​$("div").bind("fadeIn",function(){alert("worky");});

$("div").fadeIn(2000);​​​​​​​​​​​​​​​​​

演示
http://jsfiddle.net/gEVsX/2/

更新评论

var _old = $.fn.fadeIn;

$.fn.fadeIn = function(){
    return _old.apply(this,arguments).trigger("fadeIn");
};

// and your code: // @R_618_9363@ce .bind with .on if jQuery 1.7+
​$("div").bind("fadeIn",function(){alert("worky");});

$("div").fadeIn(2000);​​​​​​​​​​​​​​​​​

大佬总结

以上是大佬教程为你收集整理的jquery – 有没有办法将命令绑定到fadeIn事件而不必使用.trigger(‘fadeIn’)?全部内容,希望文章能够帮你解决jquery – 有没有办法将命令绑定到fadeIn事件而不必使用.trigger(‘fadeIn’)?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。