Title: jQuery problem
Last modified: October 24, 2018

---

# jQuery problem

 *  Resolved [eamonncoyne](https://wordpress.org/support/users/eamonncoyne/)
 * (@eamonncoyne)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/)
 * Hi,
 * For the following pages containing Give forms I am getting problems on first 
   load of those forms. The error seems to stem from non-updating of the donation
   field using any of the multi-level options – it is not updating the Total unless
   I refresh the page and start again and then it works.
 * [https://wellsforzoe.org/donate/](https://wellsforzoe.org/donate/)
 * [https://wellsforzoe.org/donate-offline-by-standing-order/](https://wellsforzoe.org/donate-offline-by-standing-order/)
 * A refresh clears the problem but of course that doesn’t solve the problem I have
   for donors.
 * These are the various browser console error messages for different variables:
 * **Error from Chrome:**
 * api.js:213 Uncaught TypeError: Cannot set property ‘amount_21’ of undefined
    
   at Object.setCache (api.js:213) at HTMLInputElement.<anonymous> (give-donations.
   js:212) at HTMLDocument.dispatch (jquery.js?ver=1.12.4:3) at HTMLDocument.r.handle(
   jquery.js?ver=1.12.4:3) at Object.trigger (jquery.js?ver=1.12.4:3) at Object.
   a.event.trigger (jquery-migrate.min.js?ver=1.4.1:2) at HTMLInputElement.<anonymous
   > (jquery.js?ver=1.12.4:3) at Function.each (jquery.js?ver=1.12.4:2) at a.fn.
   init.each (jquery.js?ver=1.12.4:2) at a.fn.init.trigger (jquery.js?ver=1.12.4:
   3)
 * api.js:213 Uncaught TypeError: Cannot set property ‘amount_15’ of undefined
    
   at Object.setCache (api.js:213) at HTMLInputElement.<anonymous> (give-donations.
   js:212) at HTMLDocument.dispatch (jquery.js?ver=1.12.4:3) at HTMLDocument.r.handle(
   jquery.js?ver=1.12.4:3) at Object.trigger (jquery.js?ver=1.12.4:3) at Object.
   a.event.trigger (jquery-migrate.min.js?ver=1.4.1:2) at HTMLInputElement.<anonymous
   > (jquery.js?ver=1.12.4:3) at Function.each (jquery.js?ver=1.12.4:2) at a.fn.
   init.each (jquery.js?ver=1.12.4:2) at a.fn.init.trigger (jquery.js?ver=1.12.4:
   3)
 * **Error from Firefox:**
 * TypeError: o.cache[(“form_” + o.form.fn.getInfo(…))] is undefined[Learn More]
   api.js:213:26
    setCache api.js:213:26 <anonymous> give-donations.js:212:2 dispatch
   [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:12392](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:12392)
   add/r.handle [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:9156](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:9156)
   trigger [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:11571](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:11571)
   a.event.trigger [https://wellsforzoe.org/wp-includes/js/jquery/jquery-migrate.min.js:2:8273](https://wellsforzoe.org/wp-includes/js/jquery/jquery-migrate.min.js:2:8273)
   trigger/< [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:18983](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:18983)
   each [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:2:2879](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:2:2879)
   each [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:2:844](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:2:844)
   trigger [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:18962](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:18962)
   autoSetMultiLevel form.js:511:3 <anonymous> give-donations.js:299:2 dispatch 
   [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:12392](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:12392)
   add/r.handle [https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:9156](https://wellsforzoe.org/wp-includes/js/jquery/jquery.js:3:9156)
 * **Error from Edge:**
 * SCRIPT5007: SCRIPT5007: Unable to set property ‘amount_180’ of undefined or null
   reference api.js (213,5)
 * I did notice that the _floating labels_ were not always loading correctly in 
   the past and also needed a refresh to load correctly but it didn’t appear to 
   be affecting the donation fields and I could live with it.
 * I hope you can help,
 * Éamonn
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fjquery-problem-30%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/#post-10813643)
 * Hi there,
 * I just went to that page with Chrome and could NOT replicate that problem at 
   all. It’s possible your page is just loading slowly and you’re getting that error
   because our scripts haven’t fully loaded quite yet and the buttons get clicked
   before they are loaded.
 * In looking at the code on your page also the only potential conflict I see is
   the MailChimp script that seems like it could be applied to the Give form, even
   though it’s not our official MailChimp add-on. You might test by disabling that
   plugin temporarily.
 * Other than that, I’d suggest using the Health Check plugin to troubleshoot that.
   It will allow you to deactivate all plugins and put your site on a default theme
   ONLY for yourself — your live visitors will not see that. We have a write-up 
   on that here:
    [https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/](https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/)
 * Then you can enable plugins one at a time and test again until you see the problem
   again. Then let me know which plugin caused the conflict and I can take a closer
   look at replicating the issue for you.
 * Thanks!
 *  Thread Starter [eamonncoyne](https://wordpress.org/support/users/eamonncoyne/)
 * (@eamonncoyne)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/#post-10815127)
 * Hi,
 * Thanks for getting back to me Matt.
 * I had already looked at the plugins _via_ the “old-fashioned route” (late at 
   night etc.!) and staging, but the new WP.com Health Check plugin is great and
   very useful.
 * Unfortunately, it appears to be a conflict between the theme and Give. With all
   plugins enabled and Twenty Seventeen as the theme all appears fine.
 * I disabled loading AJAX ‘fade’ for the two donation pages in question and I think
   I have managed to sort it for the one of them that is a direct load of the form:
 * [https://wellsforzoe.org/donate-offline-by-standing-order/](https://wellsforzoe.org/donate-offline-by-standing-order/)
 * but the other is still not loading the script first time and needs a refresh 
   to load correctly (incl. the floating labels if that is a hint to what might 
   be happening?).
 * Have you any wisdom on this for me as it is really affecting the use of the plugin
   and a site re-design based around another theme is out of the question.
 * Regards,
    Éamonn
 *  Thread Starter [eamonncoyne](https://wordpress.org/support/users/eamonncoyne/)
 * (@eamonncoyne)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/#post-10816002)
 * Hi again,
 * I have since revised the method I am working with this and have turned off all
   AJAX page transitions (as I believe they were interfering with the loading of
   the give scripts).
 * If you want to investigate further let me know and I will turn the transitions
   on again but in the meantime I will leave them off so the forms work.
 * Thanks and bye-for-now,
    Éamonn
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/#post-10816336)
 * Hi [@eamonncoyne](https://wordpress.org/support/users/eamonncoyne/) thanks for
   the update, that makes a lot of sense that the AJAX transitions caused the scripts
   to not load correctly. Those types of effects provide only a very small visual
   benefit to the reader, but can be very problematic for the functioning of your
   site. If you are fine leaving that off then that would be my recommendation.
 * If you’re interested in making those transitions happen, I’d look into these 
   two resources:
    - [https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/](https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/)
    - [https://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate](https://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate)
 * If you’re enjoying Give and appreciate our support, we’d love a kind review from
   you here:
    [https://wordpress.org/support/plugin/give/reviews/](https://wordpress.org/support/plugin/give/reviews/)
 * Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘jQuery problem’ is closed to new replies.

 * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287)
 * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/give/)
 * [Active Topics](https://wordpress.org/support/plugin/give/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/give/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/jquery-problem-30/#post-10816336)
 * Status: resolved