javascript - 通过JQuery触发页面加载时的click JS代码

Question

我正在链接上运行以下代码:-

$('#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);
});

这段代码运行良好，但问题是我也想在页面加载时运行这段代码，以便自动选择任何一个链接。

我尝试过这个:-

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

但是这不起作用...

谢谢。

Answer 1

您也可以采用以下方式，

$('#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