Jak użycie require.js załadować jQuery z noConflict

Question

Próbuję załadować jquery w trybie noConflict za pomocą wymagają

require.config({ 
    paths: { 
     'jquery': 'libs/jquery-req', 
     underscore: 'libs/underscore', 
     backbone: 'libs/backbone' 
    }, 
    shim: { 
     jquery: { 
      init: function() { 
       console.log('jq init'); 
       var jq = this.jQuery.noConflict(true); 
       jq.support.cors = true; 

       return jq; 
      }, 
      exports: '$' 
     }, 
     backbone: { 
      deps: ['underscore', 'jquery'], 
      init: function() { 
       console.log('b init'); 
      }, 
      exports: 'Backbone' 
     }, 
     underscore: { 
      exports: '_' 
     } 
    } 
}); 

i używać go tak:

define([ 
    'jquery', 
    'underscore', 
    'backbone' 
], function(jq, _, Backbone) { 
    console.log(jq); 
    var initialize = function() { 
//  Router.initialize(); 
    }; 

    return { 
     initialize: initialize 
    }; 
}); 

niestety wydaje podkładkę. Funkcja jquery.init nigdy nie jest wywoływana. Czy ktoś może mi pomóc zrozumieć, dlaczego? Co dziwne, gdy zmieniam nazwę jquery -> jquery-reg, to wydaje się działać, ale wymaga zmiany zależności zdefiniowanej w każdym pliku.

Answer 1

Utwórz następujący moduł noconflict.js:

define(["jquery"], function($) { 
    //drop the `true` if you want jQuery (but not $) to remain global 
    return $.noConflict(true); 
}); 

Następnie w require.config dodają:

map: { 
    "*": { 
    "jquery": "noconflict" 
    }, 
    "noconflict": { 
    "jquery": "jquery" 
    } 
} 

Wersja noconflict jQuery zostanie przekazana do wszystkich modułów (z wyjątkiem noconflict). Pozbądź się podkładki jQuery.

Należy zauważyć, że przejście na ścieżkę utrzymywania jQuery poza globalną przestrzenią nazw uniemożliwi korzystanie z jakichkolwiek wtyczek jQuery, które nie są AMD, bez modyfikowania tych wtyczek jako modułów AMD. Shim nie robi nic magicznego, aby skorzystać z tej konfiguracji. To samo dotyczy dowolnego modułu innego niż AMD, który możesz chcieć podpalić, zależnie od tego, co zrobiłeś "czystym" AMD.

Answer 2

Używam tego:

require.config({ 
    paths: { 
     jquery: 'libraries/jquery/jquery.min', 
     underscore: 'libraries/underscore.min', 
     backbone: 'libraries/backbone.min', 
     jquery_ui: 'libraries/jquery/jquery.ui.min', 
    }, 

    shim: { 
     'backbone': { 
      deps: ['underscore', 'jquery'], 
      exports: 'Backbone' 
     }, 
     'underscore': { 
      exports: '_' 
     }, 
     'jquery_ui': { 
      deps: ['underscore', 'jquery'], 
      exports: 'ui' 
     } 
    } 
}); 

Wtedy w mojej aplikacji i korzystania z lokalnych zakresów zdefiniować instancję jQuery. W poniższym przykładzie $ jest jquery, ale może to być również coś innego.

define([ 
    'jquery', 
    'backbone' 
    ], function ($, Backbone) { 

    'use strict'; 

    var app = Backbone.View.extend({ 
     el: 'body', 

     initialize: function() { }, 

    }); 

    return app; 

});