Jquery Conflict with my Multilevelpushmenu.js

  • Profile Image
    Photospirit
    Asked on September 02, 2014 at 04:57 AM

    Hi,

    I've got a jquery conflict between my Multilevel Pushmenu Script and my embeded JotForm. Can you please help with that issue to resolve the conflict.

    URL with working menu

    URL with JotForm

    Thanks for your help.

    Chris

  • Profile Image
    egeg
    Answered on September 02, 2014 at 06:15 AM

    Hi there,

    Can you please try using the iframe embed method and see if it works?

    You can find more info about the iframe embed here.

    Please let us know if there's anything else we can help you with.

    Thanks.

  • Profile Image
    Photospirit
    Answered on September 02, 2014 at 07:00 AM

    Hi,

    thanks for the quick reply...it works with Iframe. But I would rather have a "pure" HTML Implementation, as I need to remove or rearrange things in the form (eg. Country, Area). Also additional styling of the form will be handled with a seprate CSS...

    Thanks, Chris

  • Profile Image
    egeg
    Answered on September 02, 2014 at 07:31 AM

    At this point there are two ways you can handle that.

    a) Handle everything from CSS by using the Inject CSS functionality. More info on Inject CSS. We can also help you come up with the relevant css if you wish for us to do so.

    b) Use the jQuery noConflict() function to free the "$" variable on your end so that it does not conflict with Jotform's javascript. More info can be found in these links:

    http://www.jotform.com/answers/306609-Jquery-conflict-problem

    http://stackoverflow.com/questions/16294536/jotform-conflict-with-jquery

    http://api.jquery.com/jQuery.noConflict/

    Basically, you need to add call "jQuery.noConflict();" and use "jQuery.noConflict()" instead of the "$" variable.

    Please let us know which path you choose to take and we'll try to help as much as we can.

    Thanks.

     

  • Profile Image
    Photospirit
    Answered on September 05, 2014 at 02:20 AM

    Thanks for your help. Didn't find out how to get rid of the jquery conflict as I'm not the jq hero. Anyhow, I've just saved the form in a separate file in order to rearrange fields and work with my own CSS (more comfortable than using the CSS inject function) and then embedded the form with iFrame.

    Thanks again.

    Chrus

  • Profile Image
    Welvin
    Answered on September 05, 2014 at 03:39 AM

    Hi Chris,

    Your menus are working now, so I think the issue now resolved? Please confirm.

    Thank you!

  • Profile Image
    Photospirit
    Answered on September 05, 2014 at 03:45 AM

    yes menus are working...thanks Chris