evento click

[nes24]

Hola,

$.post('datosInihome.php', function(data) {
$('#reprodMenu').html(data);
});

$('.clickBb').click(function() {
alert('hola BB');
});


resulta que cargo datosInihome.php en mi home, dentro de este archivo viene una imagen con un class llamado clickBB.

La sorpresa es qu e jquery no reproduce el evento, pero si lo pusiera en index.php si lo reproduce.


por que ?????

[mayid]

Poruqe es un elemento nuevo. No podes haberle declarado un evento cuando aún no existía!. Si queres declararle un evento tenes que hacerlo en el callback de POST:

$.post('datosInihome.php', function(data) {
$('#reprodMenu').html(data);
$('.clickBb').click(function() {
alert('hola BB');
});

});

o alternativamente, usar el evento live. Esta super expicado en este foro, así que podes buscar por ahí como se implementa.

[nes24]

HOla, bueno en lo que me dijiste anteriormente me funciono, pero.....

Código HTML:

$(document).ready(function(){

$.post('home.php', function(data) {
  $('#reprodMenu').html(data);
});

$.superbox.settings = {
	boxId: "superbox", // Id attribute of the "superbox" element
	boxClasses: "", // Class of the "superbox" element
	overlayOpacity: .8, // Background opaqueness
	boxWidth: "600", // Default width of the box
	boxHeight: "400", // Default height of the box
	loadTxt: "Loading...", // Loading text
	closeTxt: "Close", // "Close" button text
	prevTxt: "Previous", // "Previous" button text
	nextTxt: "  Next" // "Next" button text
};
	$.superbox();

});


function cuadroBB(){
	$.post('home.php',{ mode: "BB" },function(data) {
		$.superbox();														
		$('#reprodMenu').html(data);
	});
}//  f fn

function cuadroNinos(){
	$.post('home.php',{ mode: "NINOS" },function(data) {
		$.superbox();
		$('#reprodMenu').html(data);
	});
}//  f fn

el efecto  $.superbox();   no funciona cuando doy click en la imagen y en index.php  si...

que  puede ser????

[mayid]

Se inicializa así? Estás seguro? Sin parametros?

[nes24]

Iniciado por mayid

Se inicializa así? Estás seguro? Sin parametros?

si asi se inicializa.................... que puede ser ????????

[mayid]

Yo lo que veo es que ya está inicializado en document.ready. Para que volver a hacerlo? Para captar elementos nuevos?

$.superbox.settings = {
boxId: "superbox", // Id attribute of the "superbox" element
boxClasses: "", // Class of the "superbox" element
overlayOpacity: .8, // Background opaqueness
boxWidth: "600", // Default width of the box
boxHeight: "400", // Default height of the box
loadTxt: "Loading...", // Loading text
closeTxt: "Close", // "Close" button text
prevTxt: "Previous", // "Previous" button text
nextTxt: " Next" // "Next" button text
};
$.superbox();

});

Por otro lado: esto no tiene que ir definido? boxClasses: "",

Tenes un link a la pagina de superbox?