Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
E ai galera, não to conseguindo fazer funcionar o colorbox dentro das paginas chamadas por ajax. Não estou conseguindo encontrar uma solução para o problema.
<link media="screen" rel="stylesheet" href="css/colorbox.css" />
<script src="js/jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn_saiba_mais").colorbox({width:"746", height:"588", iframe:false});
var content = $('#content');
//pre carregando o gif
// loading = new Image(); loading.src = 'loading.gif';
$('#menu a').live('click', function( e ){
e.preventDefault();
// content.html( '<img src="loading.gif" />' );
var href = $( this ).attr('href');
$.ajax({
url: href,
success: function( response ){
//forçando o parser
var data = $( '<div>'+response+'</div>' ).find('#content').html();
links();
//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout( function(){
content.fadeOut('slow', function(){
content.html( data ).fadeIn();
});
}, 100 );
}
});
});
});
</script>
Obrigado
Abraço
Tentei usar uma dica que encontrei no forum, ai ficou assim:
Na pagina que eu chamei via ajax eu coloquei:
<div id="content">
<script>
$(document).ready(function() {
$('#content').load('premiumPequenas.php',
function(){
$("a.btn_saiba_mais").colorbox({width:"746", height:"588", iframe:false});
}
);
});
</script>
<a href="video.php" class="btn_saiba_mais"><img src="Imagens/internas/saibaMais.png" width="82" height="12" /></a>
</div>
Mas nada ainda :/
Abraço
Carregando comentários...