I’m having trouble with a previously working jQuery UI product order form on pages such as http://deadlynightshades.com/custom/squared/eddie
This is a jQuery UI Accordion, Tabs, and Buttons with an html form. All the scripts and stylesheets appear to be properly linked.
The accordion doesn’t seem to be establishing itself properly anymore. The styling classes are applied, but the expand and contract behavior does not respond.
The only script I wrote myself is at http://deadlynightshades.com/Frontend/Capacitor/Scripts/Deadly.js
Can anyone tell me if it has errors? Again, it used to work, for months, until a few days ago.
The jQuery UI elements are established in the Deadly.js script:
// Establish jQuery-UI controls
$("#Tabs").tabs();
$("input:submit").button();
$("a.addtocart").button({ icons: { primary: "ui-icon-cart" }});
$("#Accordion").accordion();
If the line initializing the accordion is moved, then the part of the script remaining above the command will function. When the accordion is established near the top of the script, nothing that follows works as expected. The accordion() broke, as far as I can tell.
Another symptom has to do with foxycart. When a product is added to the shopping cart, the cart should display in a lightbox. For some reason, it has started displaying as a standalone page.
I will answer any requests for more info. I’m at a loss. Thank you for any suggestions.
You’re using jQuery from google. It’s possible that your site was designed with an older version of jQuery in mind and you were updated to 1.9.0 by the link you use.