javascript - 删除jquery函数

Question

使用插件 jquery menu-aim。我正在使其响应，但需要在关闭 Canvas 时禁用插件的某个部分。我需要在 offcanvas 中禁用此功能:

height = $menu.outerHeight()

请参阅下面的分割:

以下是我如何以响应式形式处理 offcanvas:

  $('[data-toggle="offcanvas"]').click(function () {
    $('.offcanvas').toggleClass('active');
    $( "body" ).addClass( ".offcanvas-body" );
    $(".nav.nav-pills").toggleClass('nav nav-pills').addClass( "nav navbar-nav" );
     $('.popover').removeClass('popover').addClass("dropdown-menu");
     $('.dropdown-submenu').addClass("dropdown");
  });

这是工作顺序，但此问题与插件有关。我需要禁用此功能:

 function activateSubmenu(row) {
            var $row = $(row),
                submenuId = $row.data("submenuId"),
                $submenu = $("#" + submenuId),
                height = $menu.outerHeight(),
                width = $menu.outerWidth();

            // Show the submenu
            $submenu.css({
                display: "block",
                top: -1,
                left: width - 3,  // main should overlay submenu
                height: height - 4  // padding for main dropdown's arrow
            });

这一行是响应式的问题，它设置的高度与在offcanvas中响应时与下拉菜单冲突:

height = $menu.outerHeight()

为了获得一些额外的引用，这里是它使用的 .js 文件的部分:

var offset = $menu.offset(),
                    upperLeft = {
                        x: offset.left,
                        y: offset.top - options.tolerance
                    },
                    upperRight = {
                        x: offset.left + $menu.outerWidth(),
                        y: upperLeft.y
                    },
                    lowerLeft = {
                        x: offset.left,
                        y: offset.top + $menu.outerHeight() + options.tolerance
                    },
                    lowerRight = {
                        x: offset.left + $menu.outerWidth(),
                        y: lowerLeft.y
                    },
                    loc = mouseLocs[mouseLocs.length - 1],
                    prevLoc = mouseLocs[0];

Answer 1

假设插件以某种方式公开该函数，您可以代理该函数并针对不同的屏幕宽度采取不同的操作

示例，假设插件名为“plugin”:

var original = $.fn.plugin.activateSubmenu;
$.fn.plugin.activateSubmenu = function () {
    if (/* check screen width or User agent ... */) {
        return original.apply(this, arguments);
    }
};

我会是一个黑客，但如果您正在查看的功能不是由插件公开的，您可以 fork 它并重写插件以使其公开。