Utilizzare il plug-in jQuery con Backbone e Requirejs

Question

Sto lavorando con backbone + requirejs + jquery e ho un problema con il caricamento di jquery nella mia pagina html corrente (template hbml backbone in modo preciso).

C'è la mia configurazione richiede:

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'] 
    } 
}); 

Nella mia pagina html di layout che ho:

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

e nella mia pagina di modello ho:

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

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

Infine il mio browser mesg:

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

Avete qualche idea?

Nello stesso tempo ho un'altra domanda, che cosa è il modo migliore per includere del codice js nella nostra pagina corrente con spina dorsale, requirejs, ecc

Grazie :)

Answer 1

ho risolto un problema simile (Jquery.cookie) in questo modo, ma il mio problema era che Jquery veniva caricato e quindi Jquery.cookie veniva incluso ma richiedeva già JQuery come risorsa statica.

Così in questo modo passo Jquery.Cookie all'applicazione e inserisce jquery.cookie solo nel mio ambito applicazione.

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'] 
    } 
    } 
}); 

e poi nella classe principale applicazioni Mi aggiunto

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

Dopo questo sono stato in grado di trovare cookie di jQuery.

BTW: non è necessario importare JQuery.camera nel file html se si utilizza Require.js per recuperarlo, a meno che non lo si utilizzi al di fuori dell'ambito Require.js.