Jotform conflict code (jQuery, Javascript)

  • Profile Image
    leukaemia
    Asked on August 06, 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.png 




  • Profile Image
    JohnRex
    Answered on August 06, 2020 at 01:01 AM

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

    1584231302Screenshot from 2020-03-15 02-

    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.

  • Profile Image
    leukaemia
    Answered on August 06, 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>
     
  • Profile Image
    Vanessa_T
    Answered on August 07, 2020 at 12:05 AM

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

  • Profile Image
    leukaemia
    Answered on August 07, 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>
  • Profile Image
    Vick_W
    Answered on August 07, 2020 at 01: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.

  • Profile Image
    leukaemia
    Answered on August 07, 2020 at 03:03 AM

    We tried every single noConflict but still same error

  • Profile Image
    Vick_W
    Answered on August 07, 2020 at 04:16 AM

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

    Thanks.

  • Profile Image
    leukaemia
    Answered on August 10, 2020 at 09:47 PM

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

  • Profile Image
    Vick_W
    Answered 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.

  • Profile Image
    leukaemia
    Answered on August 11, 2020 at 01: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

  • Profile Image
    Vick_W
    Answered on August 11, 2020 at 01: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?


  • Profile Image
    leukaemia
    Answered on August 11, 2020 at 04:09 AM

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

  • Profile Image
    Vick_W
    Answered on August 11, 2020 at 05: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.

  • Profile Image
    leukaemia
    Answered on August 12, 2020 at 04: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

  • Profile Image
    leukaemia
    Answered on August 12, 2020 at 04:40 AM

     FYI: we also deactivate Learndash but the problem still happening

  • Profile Image
    Vick_W
    Answered on August 12, 2020 at 06: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.