Trigger the click JS code on page load through JQuery

Question

I am running following code on a link:-

$('#expertprofiles-category-filters .filterby > a').on("click", function () {
    // Figure out which category to show.
    var categoryId = $(this).attr('rel');

    // Hide the other subfilters.
    $("div.category-panel[rel!=" + categoryId + "]").slideUp(100);

    // Show the subfilters of the category.
    $("div.category-panel[rel=" + categoryId + "]").delay(100).slideDown(400);
});

This code runs fine but the problem is that I want to run this code on page load too, so that any one link is autaomatically selected.

I tried this:-

$("#expertprofiles-category-filters .filterby").find('a').trigger('click');

But it doesn't work ...

Thanks.

are you sure that $('#expertprofiles-category-filters .filterby > a') and $("#expertprofiles-category-filters .filterby").find('a') targets the same elements? — lagerone
– lagerone, Commented May 11, 2015 at 11:11
Question which explained why .click() is not working with <a/> tag link. — Tarick Fife
– Tarick Fife, Commented May 11, 2015 at 11:18

lshettyl · Accepted Answer · 2015-05-11 11:17:05Z

1

You may also do the following way,

$('#expertprofiles-category-filters .filterby > a').on("click", function () {
    // Figure out which category to show.
    var categoryId = $(this).attr('rel');

    // Hide the other subfilters.
    $("div.category-panel[rel!=" + categoryId + "]").slideUp(100);

    // Show the subfilters of the category.
    $("div.category-panel[rel=" + categoryId + "]").delay(100).slideDown(400);
}).trigger("click"); // triggers click on DOM ready

answered May 11, 2015 at 11:17

lshettyl

8,1815 gold badges27 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ozil · Accepted Answer · 2015-05-11 11:13:26Z

1

Use the same selector

$('#expertprofiles-category-filters .filterby > a').trigger('click');

answered May 11, 2015 at 11:13

ozil

7,1639 gold badges38 silver badges62 bronze badges

Comments

Aman Uppal · Accepted Answer · 2015-05-11 11:16:59Z

0

Try this

   $('#expertprofiles-category-filters .filterby > a').click();

answered May 11, 2015 at 11:16

Aman Uppal

1111 silver badge6 bronze badges

Collectives™ on Stack Overflow

Trigger the click JS code on page load through JQuery

I tried this:-

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

I tried this:-

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related