What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Jquery conflict problem

    Asked by positpro on December 18, 2013 at 09:28 PM

    Hi Guys, I have a jquery conflict problem.

    it seems that this line: <script src="js/prototype.js?v=3.1.1444" type="text/javascript"></script>

    ... Is in conflict with my dropdown menu, and the prettyphoto extension.

    Is there a way to fix it?

     

    Thank you

    Page URL:
    http://orangewebdesign.ca/positpro/soumission.html

    jQuery conflict
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 19, 2013 at 06:10 AM

    Hi,

    Sorry but I find this a little bit difficult. I think I have already tried all the solutions suggested here, but still couldn't make both to work at the same time. I will try to dig more and get back to you with updates later today.

    Thanks!

  • Profile Image

    Answered by positpro on December 19, 2013 at 08:31 AM

    Fantastic, thank you very much.

    I did try this too, but i'm not an expert.

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 21, 2013 at 05:53 AM

    @positpro 

    I am still looking into this, FYI. I'll make sure to bring a solution on my next reply, hopefully. Thank you for patiently waiting!

  • Profile Image

    Answered by positpro on December 21, 2013 at 10:37 AM

    No problem, thank you for your good support

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 22, 2013 at 03:11 AM

    Hi there,

    Sorry for the delay. Finally found a fix after checking all your jQuery extensions.

    In order for the dropdown menu to work and to fix the conflict, you have to make a little changes on this file: http://orangewebdesign.ca/positpro/js/superfish.js

    At the bottom part, you'll see this code:

    $(function(){

    $('.sf-menu').superfish()

    })

    Then, replace it with the following:

    var $j = jQuery.noConflict();

    $j(function(){

    $j('.sf-menu').superfish()

    })

    Assigning a new variable for the alias $ should fixed it. You can also replace the other plugins like the pretty photo so it does not conflict with the form. Example:

    $j("a[rel^='prettyPhoto']").prettyPhoto();

    Here's a working demo: https://shots.jotform.com/elton/jqueryConflict_test.html

    Thanks!

  • Profile Image

    Answered by positpro on December 22, 2013 at 09:43 PM

    Good thank you very much.

    I'm not sure I understand the way to do it, but I copied and pasted the demo, and now it works.

    You guys rock!!!

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 23, 2013 at 12:45 AM

    @positpro 

    You're welcome!

    Happy holidays! :)

  • Profile Image

    Answered by profileweb on February 03, 2015 at 05:43 AM

    This is not a fix of your form it is just unacceptable from JotForm that is causes issues like this that mean I have to rewrite a lot of my code for every site I do. Very frustrating and generally poor development by Jotform
  • Profile Image

    Answered by labphoenix on April 09, 2015 at 02:30 PM

    You simply need to run whatever version of Jquery you're running in no conflict mode. Here's some instructions. 

     

    https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page