TypeError: $ (…) .dialog no es una function Error

He leído hilos sobre este tema en SO, pero no he podido get el o / p requerido. Dijeron que este problema surge porque algunos files js se están incluyendo muchas veces. Pero traté de eliminar los múltiples files uno por uno, pero aún get el TypeError: $(...).dialog is not a function Error. Donde estoy incluyendo múltiples files js? ¿Alguien puede señalarlo? Gracias.

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script> <script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script> <script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script> <script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script> 

Los errores que obtengo son:

 Error: Syntax error, unrecognized expression: #intro, ...nction(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"... jquery.min.js (line 4) TypeError: t.widget.extend is not a function ..."drag",e,s)===!1)return this._mouseUp({}),!1;this.position=s.position}return thi... jquery-ui.min.js (line 5) 

3 Solutions collect form web for “TypeError: $ (…) .dialog no es una function Error”

Tiene un par de bibliotecas jQuery cargadas en la misma página (diferentes versiones de la misma cosa), lo cual es incorrecto, a less que realmente necesite mantener los viejos complementos funcionando que dependen de versiones anteriores. En este caso específico, necesitaría resolver los conflictos.

Eso es todo lo que necesitas:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script> <!-- Not so sure what is this, but certainly it's another jQuery UI library being loaded on top of the other one --> <!-- <script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>--> <script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script> <script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script> 

Mire aquí la hoja de estilo CSS (juegue con el tema): http://jqueryui.com/

El dialog de jQuery UI: http://jqueryui.com/dialog/

ACTUALIZAR

Después de nuestro chat sobre los comentarios, descubrí que está utilizando un complemento llamado inettuts que está basado en versiones realmente antiguas de las bibliotecas jQuery y jQuery UI (1.2.x). Además, utiliza una versión personalizada de la interfaz de usuario jQuery que no incluye el widget de dialog , de ahí el primer post de error.

Puede intentar adaptar el complemento para trabajar con las versiones más recientes (siguiendo los comentarios en su propio website) o resolver los conflictos y usar dos bibliotecas en la misma página.

Depende de ti ahora.

Mire en el código fuente generado, luego descubra todas las references a jquery, luego verifique que solo haya una reference a jquery y una a la IU de jquery.

Asegúrese de tener las bibliotecas js a las que hace reference en jsp / html en la carpeta correspondiente. Sobre todo, sería la carpeta WebContent o la ruta que especifiques en jsp. Para mí fue en la carpeta / resources / scripts. Una vez que agregué las bibliotecas allí

  • Problema de desplazamiento orderable con lists conectadas
  • detectar cuando se hace clic en el button en div con jquery
  • Cuadro de dialog jQuery UI - no se abre después de ser cerrado
  • ¿Cómo vincular la function a los events DOM una vez y solo una vez para que no se ejecuten por segunda vez en el desencadenamiento del evento?
  • Jquery autocompleta en evento seleccionado
  • jQuery (UI): detecta la comprobación de una checkbox
  • Barra de progreso con capacidad de deslizamiento
  • cómo ocultar segundo y milisegundo de jquery ui datetimepicker
  • ¿Desventajas del uso de jQuery?
  • Angular2 con Jquery-ui Slider
  • ¿Por qué usar extender en JQuery / JavaScript?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.