MetisMenu 在 IE8/9 中无法正常工作

Question

在此页面上http://jolaga.laohost.net/topsleva 我使用metisMenu 来切换左侧的类别。除了一个小例外，它工作得很好。在 IE8/9 中，如果我单击“+”图标，子菜单会打开，但之后如果我再次单击它不会隐藏。有人可以帮我解决这个问题吗？ IE8 中的 bootstrap 也出现了一些问题，但我将其发布在不同的问题中。

Answer 1

为此代码更改 jquery.metisMenu.js，在 IE8/9 中工作！，问题是 collapse 功能比在 IE 中工作不好，我使用 slideUp， slideDown 或 slideToggle 的 jQuery 来解决这个问题。

;(function ($, window, document, undefined) {

var pluginName = "metisMenu",
    defaults = {
        toggle: true
    };

function Plugin(element, options) {
    this.element = element;
    this.settings = $.extend({}, defaults, options);
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
}

Plugin.prototype = {
    init: function () {

        var $this = $(this.element),
            $toggle = this.settings.toggle;

        $this.find('li.active').has('ul').children('ul').addClass('metis-open').css('display', 'block');
        $this.find('li').not('.active').has('ul').children('ul').addClass('metis-close').css('display', 'none');

        $this.find('li').has('ul').children('a').on('click', function (e) {
            e.preventDefault();
            $(this).parent('li').toggleClass('active').children('ul').slideToggle().toggleClass('metis-close').toggleClass('metis-open');

            if ($toggle) {
                $(this).parent('li').siblings().removeClass('active').children('ul.metis-open').slideUp().toggleClass('metis-open');
            }
        });
    }
};

$.fn[ pluginName ] = function (options) {
    return this.each(function () {
        if (!$.data(this, "plugin_" + pluginName)) {
            $.data(this, "plugin_" + pluginName, new Plugin(this, options));
        }
    });
};

})(jQuery, window, document);

Answer 2

此问题已在 IE8 和 IE9 的此插件的较新版本中得到解决

访问https://github.com/onokumus/metisMenu

我是更改的作者。