Error with jQuery noConflict mode

[jasonhinkle]

The Page-wide options defaults are being set using $ which breaks in jQuery noConflict mode. I replaced:

$.fn.velocity.defaults = {

with

jQuery.fn.velocity.defaults = {

That seems to work find in noConflict mode as far as I can tell.

[julianshapiro]

Silly me. Great find. Thanks so much, Jason. Will update in a moment.

[janwerkhoven]

Hi I have to use jQuery.noConflict which causes jQuery(...).velocity is not a function errors.

var $hd = jQuery.noConflict();
...
$hd(...).velocity({...}) // results in "Velocity is not a function"
jQuery(...).velocity({...}) // results in "Velocity is not a function"

I'm loading velocity 1.2.3 after jQuery 1.11.2

Any ideas?

[kokarn]

You are loading velocity before jQuery, do it in the reverse order and you
should be fine.

On Mon, Mar 7, 2016 at 8:43 AM Jan Werkhoven [email protected]
wrote:

Hi I have to use jQuery.noConflict which causes jQuery(...).velocity is
not a function errors.

var $hd = jQuery.noConflict();
...
$hd(...).velocity({...}) // results in "Velocity is not a function"
jQuery(...).velocity({...}) // results in "Velocity is not a function"

I'm loading velocity 1.2.3 before jQuery 1.11.2

Any ideas?

—
Reply to this email directly or view it on GitHub
#11 (comment)
.

[janwerkhoven]

Sorry that was a typo. I do load velocity after jQuery...

[kokarn]

We are using that at work with a jsDelivr link (https://cdn.jsdelivr.net/g/[email protected],[email protected]) and then something like this

ourGlobal.$ = $.noConflict();
jQuery = $;

( function( $ ){
    'use strict';

    $( '.js-element' ).velocity( 'fadeIn' );
})( ourGlobal.$ );

Can you show more of your code?

[janwerkhoven]

That's a good trick, that way I don't have to use $hd everywhere.

I replaced all $hd with plain jQuery $ and I still keep getting "Velocity is not a function..." errors. The issue is thus not related to the noConflict. Probably a compilation issue?