- buddharideAsked on July 11, 2014 at 02:03 AM
I have a conflict between
This is a popup window with a form. If I don't load the jquery.min.js, your form works well.
Thanks in advance for your help.
- egegAnswered on July 11, 2014 at 04:59 AM
Here's the simplest solution:
1. Add this line after the jquery's script tag:
2. Then change all instances of "$" to "jQuery" in your own js files (not in jquery.min.js but wherever you used jquery).
Please let us know if you have anymore questions.
- buddharideAnswered on July 11, 2014 at 02:48 PM
Thank you for your very quick response. I tried this solution, and the form data is still not being sent, and the user isn't being re-directed to the Thank you page after filling out the form:
Mahalo for your help.
- JotForm SupportBDAVIDAnswered on July 11, 2014 at 03:12 PM
Can you please try embedding your form with the iFrame embedded method?
This will not conflict with anything on your page, let us know what happens, we will be glad to assist you.
- buddharideAnswered on July 11, 2014 at 03:27 PM
I'm sorry, but I cannot use the iframe because the style of the form does not match the design provided by our designers. If you look at the source for our page, you will see that all the extranius code has been removed. The form works fine this way when it's not conflicting with the jquery.
- buddharideAnswered on July 11, 2014 at 03:45 PM
Did I apply the noConflict in the right section of the page?
- egegAnswered on July 11, 2014 at 04:47 PM
I just checked your site and the problem seems to be the submit button. It's not the standard button we provide and the onclick action is what causes the problem here.
May I ask if this was a change you did or was this the code you received?
I'm guessing that snipplet is for form validation, which you can do in Jotform without changing anything in our markup, except for validating the area code seperately.
Can you please try embedding your form again with the same embed method and without changing the markup? We can quickly help you retain the same look once we get it working.
- buddharideAnswered on July 11, 2014 at 05:38 PM
Thanks for your help. I've embedded the form again, and it stilldoes not work. Any help is much appreciated
- JotForm SupportdavidAnswered on July 11, 2014 at 06:02 PM
For the noconflict to work it needs to be included in the script causing conflict. Not as a standalone script as you have it in your code. So it would be like:
// form code here minus the script tags
The code you have entered between the script brackets will only use the variables within those brackets and greatly reduce errors. When I looked at your code the line looked like this:
Please let us know if this does help and we will be happy to assist you further.
Thank you for using Jotform!
- buddharideAnswered on July 11, 2014 at 06:12 PM
I'm sorry, but I don't understand what you mean. Your script appears to be conflicting with Google's jquery.min.js.
Mahalo for your support.
- CarinaAnswered on July 11, 2014 at 07:44 PM
From what I understood the noConflict() Method is used inside the script where we want to stop using the sign $. You can see here an example.
Please let us know if further support is needed.
- AdamAnswered on July 11, 2014 at 08:02 PM
So how should the script on my page actually read?how do I insert the noConflict. Can you please provide an example how it would work on my page.
I'd really like to use jot form, but I don't know how to use this on my page.
- JotForm SupportWelvinAnswered on July 12, 2014 at 02:13 AM
Will check this and get back to you later today. Thanks