Search jQuery

jQuery Forum

jquery trigger click problem

in Using jQuery • 8 years ago

I had a problem getting jQuery to work at all on the page. I found some code which helped me get it to work (see function below).

I tried to add the line

$('#firstpic').trigger('click');

Although it doesn't break, it doesn't work either. What I want to happen is that the id firstpic would be clicked when the document is ready. This will bring up a pretyPhoto slide show.

<script type="text/javascript" charset="utf-8">
( function($) {
    $(document).ready(function(){
    $("area[rel^='slideShow']").prettyPhoto();
    $(".gallery:first a[rel^='slideShow']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: false});

    $('#firstpic').trigger('click');

    $(".gallery:gt(0) a[rel^='slideShow']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
});
} ) ( jQuery );

Any help much appreciated. I am new to jQuery.

MrsBurnside

Replies(3)

dsvick

Re: jquery trigger click problem

8 years ago

The trigger method works by executing the associated event handlers, in this case I don't see a click handler for your firstpic element in the code. You need to have something in there like this:

$("#firstpic").click(function() {
// run the slideshow
});

You can even use chaining shorten your code then to look like this:

$("#firstpic").click(function() {
// run the slideshow
}).trigger("click");

The end result here would be that every time the firstpic element is clicked (and when the page initially loads) the slide show is started.

Dave

mrsburnsi..

Re: jquery trigger click problem

8 years ago

The click function is part of the prettyPhoto jQuery package. I'm just trying to trigger the click automatically when the page loads up. It works if I click on one of the thumbnails.

mrsburnside

dsvick

Re: jquery trigger click problem

8 years ago

ahhh, Is firstpic added dynamically by the package? If so then you'll need to wait until after it has been added to call the trigger method.

Is this what sets everythign up? $("area[rel^='slideShow']").prettyPhoto();

Do you know if it has a callback function, something that is run after it is done? If so you may be able to do this:

$("area[rel^='slideShow']").prettyPhoto(
function() {
$("#firstpic").trigger("click");
}
);

You could also check the package docs to see if there is a way to have it start when the page is loaded.

Dave

Top Reply

Response title

Attachments

jQuery Forum

jquery trigger click problem

Replies(3)

Re: jquery trigger click problem

Re: jquery trigger click problem

Re: jquery trigger click problem

Statistics

Tags

Actions