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í

  • Establecer el valor inicial en datepicker con jquery?
  • JQuery UI Autocompletar no llega a ActionResult C # MVC
  • Cómo detener bruscamente un control deslizante jQueryUI animado lineal (crossbrowser)
  • Jquery Draggable con más de un mango
  • ¿Utiliza jQuery live () para inicializar complementos?
  • Iconos en el título del dialog de jQuery UI
  • Diálogo de "confirmación" personalizado en JavaScript?
  • ¿Cómo fuerzo a jquery para centrar un elemento cuando se arrastra y se ajusta a otro contenedor?
  • La mejor práctica para organizar la biblioteca Javascript y la estructura de carpetas CSS
  • Control deslizante jQuery UI - No se puede llamar al método 'addClass' de undefined
  • jQuery UI Sortable: Actualización del valor de input oculto para cada elemento con una nueva position
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.