Clicking a link prevent navigate to the page

[dangelion]

Hi I need to prevent that clicking on a link, it navigates to the url. I just want it opens the submenu.

I'm using version 3.0.4 with this code:

 <ul id="metismenu">
    <li>
      <a href="/about" aria-expanded="false">Menu 1</a>
      <ul>
        <li>Test</li>
        <li>Test</li>
      </ul>
    </li>
    <li>
      <a href="/about" aria-expanded="false">Menu 2</a>
      <ul>
        <li>Test</li>
        <li>Test</li>
      </ul>
    </li>
  </ul>

    $("#metismenu").metisMenu({
      preventDefault: true
    });

For example: if I click "Menu 1" it navigates to the page /about instead I just want it opens the submenu. preventDefault: true seems to not working

Here a Codepen to clearly see this bug: https://codepen.io/anon/pen/LaMgJw

Some help?

[onokumus]

What is your project structure?

[dangelion]

Hi @onokumus it's this one: https://github.com/roots/sage

HTML code is inside /resources/views/partials/header.blade.php JS code is inside /resources/assets/scripts/routes/common.js

Let me know if I answerd

[onokumus]

I don't see metisMenu in this repository.

[dangelion]

@onokumus That's the third-party boilerplate I'm using, it's not mine. The code is placed where I said before.

I made a codepen https://codepen.io/anon/pen/LaMgJw where you clearly see this bug. Let me know if helps

[dangelion]

Hi @onokumus have you seen the bug in the codepen? Let me know, thanks