Use el plugin jQuery con Backbone y Requirejs

Question

Estoy trabajando con backbone + requirejs + jquery y tengo un problema con la carga del plugin jquery en mi página html actual (plantilla html de backbone).

No es mi requerir configuración:

require.config({ 

    paths: { 
    // ... some code about backbone config 
    jquery: '/js/lib/jquery/jquery.min', 
    'jquery.camera' : '/js/jquery/jquery.camera' 
    }, 

    shim: { 
    // ... some code about backbone config 
    'jquery.camera': ['jquery'] 
    } 
}); 

En mi página HTML diseño tengo:

<script type='text/javascript' src='/js/jquery/jquery.camera.js'></script> 

y en mi página de la plantilla que tengo:

<script type="text/javascript"> 
    jQuery(function() { 

    jQuery('#test').camera({ 
... 
</script> 

Finalmente mi navegador mesg:

Uncaught TypeError: Object [object Object] has no method 'camera' 

¿Alguna idea?

En el mismo tiempo, tengo otra pregunta, ¿cuál es la mejor manera de incluir algún código js en nuestra página actual con la columna vertebral, RequireJS, etc.

Gracias :)

Answer 1

He resuelto un problema similar (Jquery.cookie) de esta manera, pero mi problema era que Jquery estaba siendo cargado y luego Jquery.cookie estaba siendo incluido, pero ya necesitaba tener JQuery como recurso estático.

Por lo tanto, paso Jquery.Cookie a la aplicación e inserta jquery.cookie solo en el ámbito de mi aplicación.

require.config({ 

    paths: { 
     'async'   : 'libs/async' 
     ,'jquery'   : 'libs/jquery' 
     ,'underscore'  : 'libs/underscore' 
     ,'backbone'  : 'libs/backbone' 
     ,'text'   : 'libs/text' 
     ,'jquery.cookie' : 'libs/jquery.cookie' // <-- cookie lives here 
    } 

    ,shim: { 
    'jquery': { 
     exports: '$' 
    } 
    ,'underscore': { 
     exports: '_' 
    } 
    ,'backbone': { 
     deps: ['underscore', 'jquery'], 
     exports: 'Backbone' 
    } 
    ,'jquery.cookie': {  //<-- cookie depends on Jquery and exports nothing 
     deps: ['jquery'] 
    } 
    } 
}); 

y luego en la clase principal de la aplicación Me añadieron

require([ 
    'jquery' 
    ,'underscore' 
    ,'backbone' 
    ,'mapApp' 
    ,'jquery.cookie' //<- this is the real trick !!! 
], 
    function ($, _, Backbone, App) { 

Después de esto yo era capaz de encontrar galletas jQuery.

BTW: no es necesario importar JQuery.camera en su html si está utilizando Require.js para recuperarlo, a menos que lo use fuera del alcance de Require.js.