How to use yui loader 3rd party lib like jquery?

Board index » YUI 3.x: » General

Page 1 of 1

[ 3 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

lupin

Joined: Mon Jun 25, 2012 9:59 pm
Posts: 2

How to use yui loader 3rd party lib like jquery?

Posted: Mon Jun 25, 2012 10:01 pm

+0-

Here is my test code:

Code:

<script type="text/javascript">
   YUI({
      modules: {
         'jquery': {
            fullpath: 'script/lib/jquery.min.js'
         },
         'jquery-blockui': {
            fullpath: 'script/lib/jquery.blockUI.js',
            requires: ['jquery']
         }
      }
   }).use('jquery-blockui', function(Y, result){
      $.blockUI();
   });
</script>

When it run, sometimes it work, sometimes dont work. Because jquery lib loaded after jquery-blockui.
errors like:

Code:

Uncaught ReferenceError: jQuery is not defined
Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'blockUI'

So, What's wrong with the code?

Alberto Santini

YUI Contributor

Username: icebox
Joined: Wed Sep 16, 2009 3:16 am
Posts: 1089
Location: Milan, Italy
Twitter: santinialberto
GitHub: albertosantini
Gists: albertosantini
IRC: icebox

Re: How to use yui loader 3rd party lib like jquery?

Posted: Mon Jun 25, 2012 11:34 pm

+0-

Hello lupin.

Maybe it is due to async loading:
http://yuilibrary.com/yui/docs/yui/#async

Hope that helps,
IceBox

P.S.: If your custom modules are properly wrapped in a YUI.add callback, you will see no difference at all (async false or true), but this is not the case with external libraries.

lupin

Joined: Mon Jun 25, 2012 9:59 pm
Posts: 2

Tags:

loader

Re: How to use yui loader 3rd party lib like jquery?

Posted: Mon Jun 25, 2012 11:58 pm

+0-

It work perfect.

Thank a lot.

Page 1 of 1

[ 3 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum