1

Quero que ao abrir a página abra um Swipebox com uma imagem.

http://brutaldesign.github.io/swipebox/#try

Eu fiz assim:

jQuery

    if($('.swipebox')[0]){
        $('.swipebox')[0].click();
    }

    // Swipe Box
    $('.swipebox').on('click', function(e) {
        e.preventDefault();
        $.swipebox([
            { href: urlBase + '/imagem.jpg', title:'Safe' }
        ]);
    });

HTML

<a href="#" class="swipebox"></a>

Ao invés de ele abrir o Swipebox com a imagem, abre em outra página. Mas se eu vou no Console do Chrome e digito:

$('.swipebox').click();, abre certo.

Debug

Fiz isso qui e não funciona !

$('#open-swipebox').click();    

$('#open-swipebox').click(function (){
    console.log('das');
});

<a href="#" id="open-swipebox"></a>
2
  • Você quer que quando abra a página, automaticamente de um trigger no teu link? 5/11/2015 às 16:58
  • Exatamente. Um trigger. Mas que já tentei e não deu certo. 5/11/2015 às 17:00

1 Resposta 1

1

No load da página você emula o click no teu link:

$(document).ready(function () {

  $('.swipebox').on('click', function(e) {
    e.preventDefault();
    $.swipebox([
        { href: urlBase + '/imagem.jpg', title:'Safe' }
    ]);
  });

  $('.swipebox').trigger('click');
});

No entanto, dessa maneira, irá ativar o evento para todos os itens que tenham essa classe, acho que seria melhor utilizar um id para o link.

<a href="#" class="swipebox" id="meuLink"></a>

E para emular o click:

$(document).ready(function () {
  $('#meuLink').trigger('click');
});

Complemento para a resposta

O evento click está sendo chamado antes da declaração, basta chamar o evento $('.swipebox').click() antes de atribuir o novo comportamento para o link/classe;

6
  • Algo bobo, mas tentou declarar o click antes de invocá-lo? 5/11/2015 às 17:16
  • Como assim declarar ? 5/11/2015 às 17:17
  • Fiz um simples debug e não funciona. Está dentro do ready. 5/11/2015 às 17:20
  • 1
    Tenta inverter, da uma olhada como fiz na resposta (alterei agora). Tabém usei teu exemplo no fiddle: jsfiddle.net/PetrusStarken/9of7h7kc 5/11/2015 às 17:27
  • Nossa, velho. Era a inversão. Estava chamando o trigger antes da declaração da função. Foi noobisse isso. Valeu. 5/11/2015 às 17:30

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .