-
leukaemiaAsked 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
Page URL: http://leukaemia.org.au/ -
John Support Team LeadReplied on August 6, 2020 at 1:01 AM
Could please try applying the "noConflict" method as shown in the images below?
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.
-
leukaemiaReplied 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> -
leukaemiaReplied 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_TReplied 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.
-
leukaemiaReplied 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 SupportReplied 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.
-
leukaemiaReplied on August 7, 2020 at 3:03 AM
We tried every single noConflict but still same error
-
Vick_W Jotform SupportReplied on August 7, 2020 at 4:16 AM
Please provide your website address so we can further investigate the issue.
Thanks.
-
leukaemiaReplied on August 10, 2020 at 9:47 PM
the website is http://leukaemia.org.au/
-
Vick_W Jotform SupportReplied 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.
-
leukaemiaReplied 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 SupportReplied 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?
-
leukaemiaReplied 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 SupportReplied 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.
-
leukaemiaReplied 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
-
leukaemiaReplied on August 12, 2020 at 4:40 AM
FYI: we also deactivate Learndash but the problem still happening
-
Vick_W Jotform SupportReplied 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.