Adding items to menu

[onokumus]

Adding items to menu

[sferoze]

I got it I had to change the code to:

var sideMenu = $(this.sideMenuContainer);
sideMenu.removeData("mm");
sideMenu.metisMenu();

[garhbod]

For angularJs I had to add a timeout to wait for the dom change before running metisMenu again

            // After changes to dom
            $timeout(function() {
                var sideMenu = angular.element('[side-navigation]');
                sideMenu.removeData("mm");
                sideMenu.metisMenu();
            });

[juristr]

Yep, same problem here with my Angular app. Any way to circumvent this, otherwise I have to digg into the codebase :)

[juristr]

Ok, just had a quick look on the codebase

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

As can be seen the plugin remembers whether it has been already initialized. The line if (!$.data(this, "plugin_" + pluginName)) { is the "culprit". Commenting the if and consequently re-calling $(...).metisMenu() seems to work.

Now there are different possibilities.

• simply removing the if clause
• adding a refresh function...like $(...).metisMenu('refresh') or similar...

Any input from the author would be author @onokumus would be cool, I'm also willing to submit a pull request with the fix. 😄

[David-Melo]

I have noticed that just re-calling $(element).metisMenu(); after adding the items will give the expected results. I have been using this without modifying any of the codebase. However, I'm not sure how this affects any registered events.

[juristr]

That's kinda strange as according to the codebase this shouldn't be possible (if I'm not missing something). Are you sure you're using the latest version? Maybe in a previous one the plugin simply didn't have the if clause.

[David-Melo]

Agreed it is strange, a refresh method would be nice. I'm using the latest v1.1.1 using the method I mentioned but a neater way to do it would be great.

[thomasvanlankveld]

I got around this problem by using jQuery's removeData()

var sideMenu = $(this.sideMenuContainer);
sideMenu.removeData("plugin_metisMenu");
sideMenu.metisMenu();

[arlen43]

This problem is caused by it need init again when the dom is changed. Just add one line code to init will be ok.

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

And when you changed dom anywhere, the only thing you need to do is call the following code

$(selector).metisMenu();

[dbilovd]

Thanks @thomasvanlankveld that worked for me. Haven't tried @arlen43 's solution.

[rosesonfire]

thanks @arlen43 ! your solution worked for me.

[sferoze]

Although it doesnt really work that well. I notice that the the navigation dropdown always stays open. And doesn't close. At least one stays open. When I refresh the page it works. We really need to find a way to reload the menu

[sferoze]

Ok so actually I figured out how to use @arlen43 solution but with the newest MetisMenu code

  function Plugin(option) {
    return this.each(function() {
      var $this = $(this);
      var data = $this.data('mm');
      var options = $.extend({},
        MetisMenu.DEFAULTS,
        $this.data(),
        typeof option === 'object' && option
      );

      if (!data) {
        $this.data('mm', (data = new MetisMenu(this, options)));
      } else {
        $this.data('mm').init();
      }
      if (typeof option === 'string') {
        data[option]();
      }
    });
  }

Now things reload like normal

[salvadoresc]

this worked for me:

var sideMenu = $('#leftMenu');
sideMenu.removeData("mm");
sideMenu.metisMenu();

but, now, when i open a menu, im not able to close it unless i open another, so i always have an open menu.

[onokumus]

See #116