multiple - JQuery-File-Upload error: Uncught TypeError: Object#<Object> no tiene ningún método ''_on''

simple jquery file upload

Question

Estoy tratando de usar el plugin jQuery-File-Upload . Pero tengo un problema al intentar invocar la función. En algún lugar de mi código, llamaré a $ (fubar) .fileupload y obtendré Uncaught TypeError: Object #<Object> has no method ''_on'' jquery.fileupload.js:977 . Ahora esto sucede después de que se hayan cargado todos los scripts js.

A) Un error similar se discute en los tableros de la herramienta. Probé la técnica de incluir jquery.fileupload.js justo después de las cargas de dom. Probé la técnica, con algo como abajo.

 <script src=''/static/presentation/js/lib/jquery.fileupload.js''></script>
<script src=''/static/presentation/js/lib/jquery.iframe-transport.js''></script>
</body>

Pero al cargar la página, recibo otro error. Uncaught Error: Mismatched anonymous define() module: function ($) {...

B) En documentReady, incluso intenté generar dinámicamente e incluir las etiquetas de script, en la cabeza. Pero me sale el mismo error. Uncaught Error: Mismatched anonymous define() module: function ($) {...

Estoy usando jquery-file-upload con requirejs. Solo lo mencioné. Probé la biblioteca y la puse a trabajar con un sitio estático de jane simple. Sólo los archivos de la biblioteca js básicos. Así que no sé qué está causando esto. Pero no parece estar relacionado con DOM.

Cualquier ayuda es apreciada.

Answer 1

Asegúrese de que está ejecutando versiones complementarias de jQuery y jQuery UI, y solo una copia de jQuery. Me di cuenta de que tenía jquery-rails funcionando a 1.10 y un archivo jQuery 1.11 local, y eliminar este último y actualizar el primero funcionó.

Answer 2

Con la versión más reciente blue imp acabo de cambiar jquery.ui.widget.js con jquery-ui-1.9.2.custom.min.js y funciona bien. Espero que esto ayude a alguien atrapado con esto.

Answer 3

Ok, lo acabo de descubrir. Simplemente necesito incluir jquery.fileupload.js después de jquery.ui.widget.js y jquery.iframe-transport.js . Al menos lo sé para referencia futura.

<script src=''/static/presentation/js/lib/jquery.ui.widget.js''></script>
<script src=''/static/presentation/js/lib/jquery.iframe-transport.js''></script>
<script src=''/static/presentation/js/lib/jquery.fileupload.js''></script>