X-Cart forums - Using XC's Jquery UI

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Using XC's Jquery UI (https://forum.x-cart.com/showthread.php?t=68617)

Using XC's Jquery UI

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

Re: Using XC's Jquery UI

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:

Code:

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

Simple jQuery code snippets:

Code:

$(function () {

    $(document).on("click", '#opener', function (e) {

        alert("BOOM!!?");

    });

});

Code:

$('#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)

Re: Using XC's Jquery UI

Wouldn't the second one be written as:

Code:

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

Otherwise, try checking the browser console for errors.