Pergunta

Eu estou trazendo em todas as minhas imagens via Ajax, e eu estou procurando uma solução rápida para o front-end deste projeto. Eu tentei um par de plugins jQuery Luz, mas eu não consigo fazê-los para atuar em uma função ao vivo (me corrija se eu estiver errado em pensar que eu preciso fazer isso).

Atualmente tentar usar de Balupton Lightbox Plugin (não pode ligar por causa do meu ser um novo usuário), e depois de tentar todos os exemplos sem sucesso, eu tenho tentado-lo com este (também não funciona):

$('a.lightbox-gallery').live('click', function(){
    $(this).lightbox();
});

Qualquer ajuda é muito apreciada!

Foi útil?

Solução

1) você pode cortar o plugin favoritos para ligar em eventos ao vivo 2) você pode chamar lightbox depois ajax for concluída, apenas em novos elementos:

$.ajax({
    type: "POST",
    url: "url.php",
    cache: false,
    success: function(data){
        $(data).find('a[rel=lightbox]').lightbox(settings).end().appendTo('#ajaxTarget');
    }
}); 

Para settings você pode usar uma matriz para evitar a escrita mesma coisa duas vezes;)

Outras dicas

Você pode usar colorbox e função ao vivo do jQuery como este

$('a[rel=gallery]').live('click', function() {
  url = this.href; // this is the url of the element event is triggered from
  $.colorbox({href: url});
  return false;
});

Você também pode dar uma olhada no livequery plugin jQuery não é tão ruim plug-in;) http://docs.jquery.com/Plugins/livequery você pode incorporar esse plugin dentro do seu arquivo jquery e usar isso como uma função jquery simples:

$('.ajax-loaded-element').livequery('click',function(){

//do somenthing

});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top