Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 27, 2017 at 3:39 am #739176
    geomat1

    Hi,
    I am using the following code to catch the login link to add Ajax login
    $(‘.menu-item’).on(‘click’, function(evt) {
    var id = this.id ;
    console.log(‘this id_menu=’ + id);
    if( id == ‘menu-item-832’) {
    evt.preventDefault();
    $(“#top_search”).hide();
    $(‘form#login’).fadeIn(500);
    }
    });
    This works on the normal menu but fails on the mobile menu. I can’t seem to find a way to identify which menu item was clicked on the mobile menu.
    What am I missing?
    Thanks

    January 27, 2017 at 7:08 am #739238
    Vinay

    Hey geomat1,

    To access the mobile menu items using jQuery please declare a variable first then try to read the variable when the document is loaded.

    var menuItem    = jQuery('li.menu-item');

jQuery(document).on('click', '.menuItem', function () {

//--- YOUR CODE HERE ---//

}

    Best regards,
    Vinay

    January 28, 2017 at 5:03 am #739673
    geomat1

    Hi Vinay,
    Thanks works now, but I had to change the jQuery as follows to make it work.

    From: jQuery(document).on(‘click’, ‘.menuItem’, function () {
    To: jQuery(document).on(‘click’, ‘.menu-item’, function () {

    Just in case anyone else has the same problem.

    Thanks again.

    January 28, 2017 at 11:58 pm #739853
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Menu Target id’ is closed to new replies.