jquery - tooltip input bootstrap

Error no detectado: no hay tal método ''show'' para la instancia del widget de información sobre herramientas

Question

Estoy usando ajax para enviar un formulario para mi registro, pero tengo un problema al intentar configurar información sobre herramientas para mostrar mensajes de error para los errores que regresan del controlador.

JavaScript:

$(document).on(''ajax:success'', ''.user_modal_form'', function(e, data, status, xhr) {
var context;
context = $(this);
if (data.success) {
$(''button'', context).hide();
$(''.spinner'', context).show();
location.reload();
} else {
if (data.errors != null) {
$.each(data.errors, function(key, error) {
var field;
field = $("#athlete_" + key);
field.attr(''data-original-title'', "" + key + " " + error).tooltip({
trigger: ''manual''
}).tooltip("show");
});
}
}
});

Mensaje de Uncaught Error: no such method ''show'' for tooltip widget instance

Answer 1

La raíz de este y similar problema.

"no hay tal método ''ocultar'' para la instancia del widget de información sobre herramientas"

que tanto JqueryUI como Boostrap tienen un método de información sobre herramientas ,

JqueryUI funciona como:

$el.tooltip("option","show");
$el.tooltip("option","hide");

Boostrap funciona como:

$el.tooltip("show");
$el.tooltip("hide");

Entonces, como Bogdan Lewis demostró que necesita reordenar sus scripts, por ejemplo con requirejs , necesita hacer que Boostrap se cargue después de JqueryUI

var $ = require(''jquery'');
require(''jquery_ui'');
require(''bootstrap'');

y ajuste la configuración para requirejs como:

 bootstrap: {
deps: [''jquery'', ''jquery_ui'']
},

Answer 2

La solución más sencilla para mí fue simplemente eliminar los componentes de información sobre herramientas de la distribución de jQuery UI que downloaded .

Answer 3

Yo tenía el mismo error.

Tuve un conflicto con jQuery UI.

Si utiliza la interfaz de usuario de jQuery, entonces necesita volver a codificar el orden de carga de su script.

Mi orden de carga de trabajo:

• jQuery
• jQuery UI
• Bootstap