Load Page with Swipebox

Question

I want you to open the page and open a Swipebox with an image.

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

I did so:

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>

Instead of him opening Swipebox with the image, open it on another page. But if I go to the Chrome Console and type:

$('.swipebox').click();, opens right.

Debug

I did it here and it doesn’t work !

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

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

<a href="#" id="open-swipebox"></a>

Answer 1

In the page load you emulate the click on your link:

$(document).ready(function () {

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

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

However, this way will enable the event for all items that have this class, I think it would be better to use an id for the link.

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

And to emulate the click:

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

Complement to the answer

The event click is being called before the statement, just call the event $('.swipebox').click() before assigning the new behavior to the link/class;