haircut - jquery fadeout delay

¿Por qué jQuery lanza el error `fadeOut no es una función ''?

Question

Estoy usando jQuery y pongo este código en mi javascript:

function HideMe(itemID) {
var myDiv = ''item_'' + itemID;
$(myDiv).fadeOut("slow");
}

Pero me está dando este error: fadeOut no es una función .

Answer 1

¿Tienes otra biblioteca de JavaScript en esa página? Parece que tienes la función de hide , y el $ definido (prototipo, por ejemplo, también tiene una función de hide ).
Si ese es el caso, intente:

jQuery("#item_0").fadeOut("slow");

Answer 2

Además, probablemente olvidó un # en el selector (a menos que tenga algo como <item_1 /> en el marcado).

var myDiv = ''#item_'' + itemID;

jQuery usa los selectores de CSS para buscar elementos, así que sin el # , obtendrías todos los elementos con la etiqueta item_x lugar de la ID.

Answer 3

Esto sucederá si está utilizando la versión "slim" de jQuery. Solo la versión "completa" de jQuery incluye efectos de animación.

Intente tomar la versión "completa" de jQuery desde la página de descargas de jQuery e incluirla en su página (o incluir una versión completa de jQuery desde un CDN desde su página).

Answer 4

Intenta mantenerlo dentro

$(document).ready(function(){
// your code. and don''t forget the ''#'' in front of item.
});

Parece que estás tratando de llamar a la función antes de que jQuery / el DOM se cargue.

Answer 5

Parece que jquery no está correctamente conectado a la página.

Comprueba tu vinculación a jQuery.

Answer 6

Tienes liDiv lugar de myDiv . Tratar:

function HideMe(itemID) {
var myDiv = ''item_'' + itemID;
$(myDiv).fadeOut("slow");
}

Answer 7

Tuve este error porque estaba usando una versión delgada de jQuery. Si descargas la versión completa deberías estar bien.

Answer 8

Incluso si el selector no devolviera ningún elemento de la colección, la llamada a la función habría funcionado ( no generó este error de todos modos ) si jQuery se hubiera cargado correctamente. O bien hay un conflicto en la página, o no se cargó en absoluto. Puedes probar

jQuery(myDiv).fadeOut("slow");

o investiga por qué jQuery no se ha cargado.

PD: no olvide el # en el selector si selecciona por id.