ultramel123
Member
Hi. I have created some pricing and quantity fields in my form. All the calculations work perfectly when I preview the form, however when i view the page which has the form on it, then the calculations do not work. The calculated fields remain blank, and do not calculated.
What could be the problem?
Here is a link to my page which has the form:
http://airport-game-lodge.co.za/?page_id=1951
I got a 404 page not found for that link.
If the calculations are not working on the live site but work in preview mode, you likely have a theme or plugin conflict with a JavaScript or jQuery error, which is preventing the Gravity Forms jQuery from working properly. You can begin testing by following these instructions http://rkt.gs/testing
With a valid link to your form page we'll be able to help you out.
ultramel123
Member
Thank you for your reply. My apologies for the error, the page was set to "private".
Here is the link -
http://airport-game-lodge.co.za/?page_id=1951
Thank you so much
You have a JavaScript error on the page which is preventing the Gravity Forms jQuery from performing the calculations.
Timestamp: 8/13/2012 12:45:50 AM
Error: TypeError: $(document).on is not a function
Source File: http://airport-game-lodge.co.za/wp-content/plugins/jetpack/modules/sharedaddy/sharing.js?ver=0.1
Line: 8Once you fix that, we can check for other errors and see if the calculations are working.
ultramel123
Member
Thank you for your help Chris. I have disable the "sharing module" from Jetpack plugin, and also ticked the box to "disable css and js". however the page above is still not calculating my form?
Any further advice would be greatly appreciated :-)
thank you
Where did you do this: "disable css and js"?
You still have a script conflict going on. Troubleshooting it is going to be difficult for us from here. However, I see several general problems which need to be resolved before calculations will work.
You are loading multiple versions of jQuery:
https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4
http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
Both versions are old. We use the jQuery version which is included with your WordPress version. You are loading other versions and that's the reason this is not working.
You're also loading multiple jQuery UI datepicker scripts:
http://airport-game-lodge.co.za/wp-includes/js/jquery/ui/jquery.ui.datepicker.min.js?ver=1.8.20
http://airport-game-lodge.co.za/wp-content/plugins...avityforms/js/jquery-ui/ui.datepicker.js?ver=1.6.6
The wp_enqueue_script function aims to eliminate these conflicts. Gravity Forms enqueues its scripts. It's possible your theme or some other plugins are hard-coding their scripts. In any event, you need to remove all these conflicting script versions and let WordPress enqueue the proper version of jQuery. At that point, your form calculations will work.
ultramel123
Member
Thank you for your reply Chris. I have deactivated and deleted the "GD Star Rating" plugin which was loading the additional version of the date picker.
How would I go about removing the out dated jquery versions?
Thank you so much
You will have to find out which plugin or function in the theme is loading the outdated jQuery. Sometimes plugins load a specific version because their plugin is known to work with it. Sometimes the plugin will not work with the latest jQuery version.
Finding where those files are added will be up to you. Every plugin does it differently.
You're welcome. Thank you for the update.