SmartMenu configuration

[dmanager]

I believe I this is the correct way to configure options by adding this in a page or including a .js file:

<script>
$(function() {
  $('#main-menu').smartmenus({
     noMouseOver:true,
     subIndicatorsText: " >",
     subIndicatorsPos: "append",
     rightToLeftSubMenus: true
});
</script>

I’m using a frameworks system, so adding/maintaining extra javascript can be a bit cumbersome, partly because JS is now to be loaded at the bottom of the page (google SEO: https://developers.google.com/speed/pagespeed/insights/) so it makes modularizing difficult. I can’t keep the JS code near the Navigation code; keeping them in the same module to be loaded with one call.

It would be cool if I could just put the options in a Span somewhere near the Navigation. For example:

<span id="SmartMenusConfig"   noMouseOver="true"   subIndicatorsText=" >" subIndicatorsPos="append"  rightToLeftSubMenus="true"></span>

I believe that’s valid xhtml markup.

tc

[admin]

Thanks for your input! I have actually already planned adding support for a new “data-sm-options” attribute that could be set directly on the root UL element. This will be available with the next release. However, a $('#main-menu').smartmenus(); call would still be needed (except when the Bootstrap addon is used).

[Author]

Posts