X-Cart forums

[Rachelsea]

Hi

This is our first XC build and I am trying to use the built in Jquery UI for a simple accordion style hide/show content.

When I use the following code:

{literal}
<script>
$(document).ready(function() {
$( "#accordion" ).accordion({
active: false, autoHeight: false, collapsible: true
});
});
</script>
{/literal}

Nothing happens.

When I link to <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

It works fine, but any pop up on the site, like "Sign In" on the checkout page just hangs with the animation and please wait, remove the link pop up works, but accordion doesn't .

So my question is, how do I access Jquery UI built into XC?

Many thanks

[lambow]

I am experiencing sort of similar issue.

I am trying to add a custom form to my x-cart store which will load in jquery ui dialog widget when someone clicks a button. But I can't get any responce out of this no matter what I do.

I just can't believe that something as simple as this is buggin me for three days straight now.


I am using the most simple scenario I can think of:

<button id="opener">Click me for alert</button>

Simple jQuery code snippets:

$(function () {
    $(document).on("click", '#opener', function (e) {
        alert("BOOM!!?");
    });
});

or

$('#clickMe').click(function () {
    alert("BOOM!!?");
});

Works fine in jsfiddle, static html page, asp.net page, but x-cart is not having any of it.


Some help is greatly appreciated.
(X-Cart v4.5.4)

[cherie]

Wouldn't the second one be written as:

$("#opener").click(...

Otherwise, try checking the browser console for errors.