Jotform conflict code (jQuery, Javascript)

  • leukaemia
    Asked on August 6, 2020 at 12:50 AM

    When include jotform feedback (

    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript">
    new JotformFeedback({
    formId: "202037313699052",
    buttonText: "Website feedback",
    base: "https://form.jotform.com/",
    background: "#0c2340",
    fontColor: "#FFFFFF",
    buttonSide: "left",
    buttonAlign: "center",
    type: false,
    width: 500,
    height: 450,
    isCardForm: false
    });
    </script>

    )


    its generate error on our website and the jQuery code we use to (screenshot)

    Can anyone help us with this as we do not know whats kind of error is this

    Regards

    1596689417image Screenshot 10 




  • John Support Team Lead
    Replied on August 6, 2020 at 1:01 AM

    Could please try applying the "noConflict" method as shown in the images below?

    1584231302Screenshot from 2020 03 15 02  Screenshot 10

    In addition, if the issue persists after trying the noConflict code, you can also try these noConflict codes:

    <script type="text/javascript">  $.noConflict();</script>

    or:

    <script type="text/javascript">  jQuery.noConflict();</script>

    Please give it a try and let us know how it goes.

  • leukaemia
    Replied on August 6, 2020 at 11:27 PM

    we tried

    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript">
    jQuery.noConflict();
    new JotformFeedback({formId: "202037313699052",buttonText: "Website feedback",base: "https://form.jotform.com/",background: "#0c2340",fontColor: "#FFFFFF",buttonSide: "left",buttonAlign: "center",type: false,width: 500,height: 450,isCardForm: false});script>
     
  • leukaemia
    Replied on August 6, 2020 at 11:28 PM

    but still got error


    gtm4wp-form-move-tracker.js?ver=1.11.4:3 Uncaught TypeError: jQuery(...).on is not a function

        at HTMLDocument.<anonymous> (gtm4wp-form-move-tracker.js?ver=1.11.4:3)

        at i (jquery.js?ver=1.12.4-wp:2)

        at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)

        at Function.ready (jquery.js?ver=1.12.4-wp:2)

        at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)


  • Vanessa_T
    Replied on August 7, 2020 at 12:05 AM

    Kindly add the noConflict() method before the first line of the script instead of adding it inside.

  • leukaemia
    Replied on August 7, 2020 at 12:14 AM

    we tried like this but still got the same error. 

    <script type="text/javascript">jQuery.noConflict();</script>

    <script src="https://form.jotform.com/static/feedback2.js" type="text/javascript">
    new JotformFeedback({formId: "202037313699052",buttonText: "Website feedback",base: "https://form.jotform.com/",background: "#0c2340",fontColor: "#FFFFFF",buttonSide: "left",buttonAlign: "center",type: false,width: 500,height: 450,isCardForm: false});</script>
  • Vick_W Jotform Support
    Replied on August 7, 2020 at 1:03 AM

    Hi there,

    This is how you will have to add the noconflict query.

    <script>

    $.noConflict();

    All script code of JotFrom needs to be added here. 

    </script>

    Let us know if you need further assistance.

    Thanks.

  • leukaemia
    Replied on August 7, 2020 at 3:03 AM

    We tried every single noConflict but still same error

  • Vick_W Jotform Support
    Replied on August 7, 2020 at 4:16 AM

    Please provide your website address so we can further investigate the issue.

    Thanks.

  • leukaemia
    Replied on August 10, 2020 at 9:47 PM

    the website is http://leukaemia.org.au/

  • Vick_W Jotform Support
    Replied on August 10, 2020 at 11:13 PM

    Thank you for providing the requested information.

    I've checked your website and I'm unable to see any errors in the console log. I've checked it in both Chrome and Firefox browsers.

    Do you see the error on a specific page or a specific page element?

    Please let us know so we can further investigate the issue.

    Thanks.

  • leukaemia
    Replied on August 11, 2020 at 1:13 AM

    could you please check this https://uatleukaemia.wpengine.com/about-us/contact-us

    We don't put the code in the footer, we put it in Wordpress block

  • Vick_W Jotform Support
    Replied on August 11, 2020 at 1:29 AM

    Looking at the error it seems that the LearnDash plugin JavaScript is conflicting with the feedback button conflict. When you enable the feedback form does it work properly?


  • leukaemia
    Replied on August 11, 2020 at 4:09 AM

    No, as you can see, it makes the hamburger button does not work properly. Is there any solution for this?

  • Vick_W Jotform Support
    Replied on August 11, 2020 at 5:26 AM

    I see. Have you recently installed any plugins? Can you please try disabling them and then check if they are causing the menu to stop working.

    Looking forward to your reply.

    Thanks.

  • leukaemia
    Replied on August 12, 2020 at 4:29 AM

    We have review all the plugins and they're all important plugins for our project so turn off plugins cannot be an option for us

  • leukaemia
    Replied on August 12, 2020 at 4:40 AM

     FYI: we also deactivate Learndash but the problem still happening

  • Vick_W Jotform Support
    Replied on August 12, 2020 at 6:03 AM

    Have you tried adding the code in the footer? Does it still generate errors and disables the hamburger menu. 

    If it still doesn't work then I would suggest you consult with your developer. As we are not aware of all the plugins being used on your website. Your developer should be able to pinpoint the source of the conflict.

    Thanks.