TO SEE SUB-MENU When mouse click

[spipheure77]

Hello
I want to know how to see sub- menu appear when mouse click and not when mouseover

Thank you

[spipheure77]

the idea would be to do as the menu in the attached link ” tutorials” https://www.script-tutorials.com/demos/143/index.html#

[admin]

Hi, just use the noMouseOver: true option.

[admin]

Ah sorry, didn’t pay attention that you are using v0.9.x! The noMouseOver option is not available in v0.9.x so you can use a small mod posted in this thread:

http://www.smartmenus.org/forums/topic/show-submenus-when-click-only/

Let me know if you still have any troubles.

[spipheure77]

Thank you very much it works perfectly

[dmanager]

I just downloaded the latest version of SmartMenus and I still have to use the code in the link referenced above order to get the mouse over functionality to stop working.

Here is my initialization (the subIndicators works):

$(function() {
  $('#main-menu').smartmenus({
  noMouseOver:true,
  subIndicatorsText: " <i class='fa fa-caret-down' aria-hidden='true'></i>",
  subIndicatorsPos: "append",
});

Did I get the right code?

Here are the headers:

/*!
* SmartMenus jQuery Plugin – v1.0.0 – January 27, 2016
* http://www.smartmenus.org/
*
* Copyright Vasil Dinkov, Vadikom Web Ltd.
* http://vadikom.com
*
* Licensed MIT
*/

/*!
* SmartMenus jQuery Plugin Bootstrap Addon – v0.3.0 – January 27, 2016
* http://www.smartmenus.org/
*
* Copyright Vasil Dinkov, Vadikom Web Ltd.
* http://vadikom.com
*
* Licensed MIT
*/

[admin]

If you are using the Bootstrap addon, you don’t need to initialize your menu like this:

$(function() {
  $('#main-menu').smartmenus({
  noMouseOver:true,
  subIndicatorsText: " <i class='fa fa-caret-down' aria-hidden='true'></i>",
  subIndicatorsPos: "append",
});

Just add any custom options in “jquery.smartmenus.bootstrap.js” after this line:

					$this.smartmenus({

e.g. like this:

					$this.smartmenus({
						noMouseOver: true,
						...

The next version will allow setting any options via a new attribute “data-sm-options” but for now editing the “jquery.smartmenus.bootstrap.js” file is required.

[niamh]

@@@@@@@@@@

[dmanager]

But I still have to have this code for SmartMenus to work, correct?

$('#main-menu').smartmenus({
});

[Author]

Posts