javascript - 在 .bind() 和 .on() 之间切换 - 动态

Question

我想这样做，因为我正在使用与网络营销相关的第三方脚本。其中一些可能包含包含在其中的 jQuery 库，它会干扰我网站上包含的最近或最新的 jQuery 库。

因此，我想在网站加载时借助变量在 .on() 和 .bind() 之间动态切换。

例如，假设我有一个全局变量:

var incJS = false;

现在取决于第三方脚本，我知道他们是否包含较旧的 Lib，所以我会使用它。

function tpNetwork ()
{
    incJS = true;

    startGateway('XXXXX');

    $('#fancybox-outer')
        .delay(1000)
        .fadeTo(300, 1);

    preventGTW();
    widgetStyle();
}

现在你可能会看到最底部有一个函数 widgetStyle()

该函数包含很多东西，但重要的部分如下:

$(window).on('resize', function () {
    if ($('.widget_wrap').length) widgetCenter_horizontal();
});

那里有 .on() 方法。该第三方网络使用的非常旧的 jQuery 不支持该功能。我想将每个 .on() 与 .bind() 切换，但我不知道如何在不重复的情况下进行。我是这样做的，但它是重复的，我相信有更简单的方法。

if (!incJS)
{
    $(window).on('resize', function () {
        if ($('.widget_wrap').length) widgetCenter_horizontal();
    });
}
else
{
    $(window).bind('resize', function () {
        if ($('.widget_wrap').length) widgetCenter_horizontal();
    });
}

感谢任何类型的提示/帮助。我真的没有任何想法，通过研究我一无所获。

Answer 1

关于:

$(function(){
    if(!$.fn.on) $.fn.on = $.fn.bind;
});

当然，这不包括任何委托(delegate)支持。

DEMO