Scroll to Tab JavaScript error causing Ninja Form to fail

Hi. In troubleshooting a Ninja form error, their support told me that a JavaScript error was happening related to our theme that could be causing the problem with our Ninja form. Here’s what they sent me:

Error: Syntax error, unrecognized expression: .x-nav-tabs .x-nav-tabs-item a#x-legacy-http://rossdd.org/5k/?nf_resume=8&nfpe_checkout=cancel&token=XXX-XXXXXXXXXXX - this should help your theme developer.

Thanks for nay light you can she d on this error or how I can solve it.

George Myers

Hi There,

Thanks for writing in! Without adding your Javascript Globally by adding it to Theme Options, you can only add it to your particular page by inserting the code into your page’s custom JS area.

Let us know how it goes.
Thanks!

OK - I removed the Global JS code from the Theme Options but still have the same behavior with my form. The form is located at http://rossdd.org/5k-t-shirts-only and works initially. The problem I am having happens after going through PayPal’s guest checkout. The Ninja forms support said that if the page has Java errors it could affect the Java used to handle the form. Can you help me determine whether this page still throws any sort of Java error now?

Hello there,

Please try clearing your style cache by going to X > Theme Options > JS, then also your browser cache.

Can you also provide us a video screencast of the process as your form needs Paypal funds to bypass into the process and see the Ninja Forms JS errors?

Let us know how it goes. Thank you.

First - I don’t have a JS option under Theme Options so I couldn’t perform your first step. Second, at the v ery end of the video after PayPal has returned to our site, notice that the button says Processing for just a moment and then it goes back to the original page. No success message, no email and no payment processed.

Hello there,

Thanks for updating in! I can see you’ve used the Paypal Express add-on for your form.

For the issue of no email and no payment issue, kindly double-check your configurations. You can follow steps here:

And for the success message, you may need to create a thank you page first. Then add your thank you page URL to the Return URL textbox in your Paypal account. In case you haven’t done this yet, please follow the steps on this guide:

Hope this helps.

This does not help at all as it references correctly setting up a different plugin than the one we area using. As I mentioned previously, we are using Ninja forms to collect info and their PayPal Express add-on to pass the payment process to PayPal. The problem is that our recent theme update has rendered the form page as invalid according to PayPal so the form actions aren’t taking place.

Can anyone take a look at the video above to see what I’m describing and help us figure out what is wrong? We are collecting for a fund raiser with this form and the event is in jeopardy of failing if people don’t have a convenient way to contribute.

Hello There,

There is no JS error on the page. Did you happen to remove the JS code already? Could you please post the code in your next reply so that we can check if it has some errors or not? You mentioned that right after the update, the form no longer works. Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And if anything fails, please provide us access to the site so that we can take a closer look at your form and other settings in your dashboard.

Please let us know how it goes.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.