CODEWITHSUNDEEP
javascriptjquery
GotBatteries
GotBatteries

Reputation: 1386

Jquery slider doesn't work with own jQuery variable

I am creating a widget that will eventually sit on a clients site, and I need to create my own jQuery variable, so that the jquery versions don't conflict. Currently I have the following code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> // Clients own jquery.

<script type="text/javascript" src="sf_content/js/jquery-1.11.2.min.js"></script> // My jQuery.
<script type="text/javascript">
    var $sf_jquery = $.noConflict(true);
</script>

Everything else works just fine, but jQuery slider stopped working when I changed to my own jquery:

TypeError: $sf_jquery(...).slider is not a function

Is the problem with the jQuery slider, or am I missing something else here?

Good plain javascript slider -tips are welcome as well!

Edit: Everything the widget needs, is inside function call like this:

$sf_jquery(function(){ // all of the code here });

Edit: The jQuery Ui is imported aswell. Just forgot to add it here. The importing looks like this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> // Clients own jquery.

<script type="text/javascript" src="sf_content/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
    var $sf_jquery = $.noConflict(true);
</script>
<script type="text/javascript" src="sf_content/js/jquery-ui.min.js"></script>

Edit, Solution! Dummy me didn't think that the slider isn't part of the native jQuery. The noConflict must be after the jQueryUI, like this:

<script type="text/javascript" src="sf_content/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="sf_content/js/jquery-ui.min.js"></script>
<script type="text/javascript">
    var $sf_jquery = $.noConflict(true);
</script>

Upvotes: 0

Views: 53

Answers (2)

Jamie Barker
Jamie Barker

Reputation: 8246

You aren't including jQueryUI code (at least in your example).

Slider is part of jQueryUI and is not native to jQuery alone. (https://jqueryui.com/slider/)

Upvotes: 1

Thibault Henry
Thibault Henry

Reputation: 841

Your "noconflict" function must be called before the second jQuery call.

Upvotes: 0

Related Questions