Nie można uzyskać blueimp wtyczki/jQuery.fileupload pracować

Question

próbuję korzystać z tej wtyczki jQuery do przesyłania obrazu domeny krzyż jQuery.fileupload

myślę plugin używa require.js, które już uwzględnione, ponieważ używam go załadować javascript kod mojej strony. Wtyczka robi wydaje się konieczne, że to require.js, ale kiedy przetestować moją stronę i dostać ten błąd

Uncaught Error: Mismatched anonymous define() module: function ($, undefined) { http://requirejs.org/docs/errors.html#mismatch

Czy ktoś mógłby wskazać mi w dobrym kierunku

Answer 1

może to być być konflikt między nazwami funkcji, spróbuj jQuery.noConflict(). lub RequireJS Optimizer.

http://requirejs.org/docs/optimization.html http://api.jquery.com/jQuery.noConflict/

Answer 2

Ty najprawdopodobniej otrzymuję ten błąd, ponieważ jesteś ładuje plik JavaScript zawierający swoją define() przy użyciu standardowego <script> regułę tag .

Jeśli chcesz wymagają do pracy trzeba załadować plik za pomocą ram zależność dostarczone przez wymagają, czyli przez accesing go z innej części kodu przez:

define(
'jquery' 
function($){ 
    // use $.fileupload here 
}) 

Answer 3

Cieszę się, że jestem nie tutaj sam. Ten problem zabrał mi wiele godzin, a tu jest odpowiedź dla ciebie,

To wszystko na temat kolejności ładowania tych plików JavaScript. Musisz dołączyć pliki w następującej kolejności lub nie będzie działać.

• jQuery min.js
• jquery.ui.widget.js
• jquery.iframe-transport.js
• jquery.fileupload.js
• jquery.fileupload-ip.js
• jquery.fileupload-ui.js
• wymagają-min.js (musi to być ostatnia zostać włączone)

Answer 4

Nie musisz używać aplikacji Requirejs do przesyłania plików jQuery.

Wystarczy upewnić się, że obejmują required files we właściwej kolejności:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> 
<script src="js/vendor/jquery.ui.widget.js"></script> 
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> 
<script src="js/jquery.iframe-transport.js"></script> 
<!-- The basic File Upload plugin --> 
<script src="js/jquery.fileupload.js"></script> 
<script> 
$(function() { 
    $('#fileupload').fileupload({ 
     // your options 
    }); 
}); 
</script>