jquery - 如何在新页面加载时点击一个类？

Question

我有一个类名“searchIcon”，我为那个类写了一个点击函数。

在 HTML 中

     <div class="searchIcon">Icon</div>

在 Js 文件中

  $(".searchIcon").click(function(){
   //class function
  });

我希望在页面加载时单击此功能。

最大我需要它在 jquery

Answer 1

您可以在绑定事件后立即调用.click()或调用。.trigger('click')

$(function() {
    $(".searchIcon").click(function(){
        //class funstion
    }).click();
});

Answer 2

您可以在 document.ready 函数中使用 JQuery触发器：-

$(".searchIcon").trigger('click');

$(function() {
    $(".searchIcon").click(function(){

    });
    $(".searchIcon").trigger('click');
});

Answer 3

您可以让点击处理程序直接调用一个函数，然后在页面加载调用相同的函数（jsFiddle 示例）：

$(".searchIcon").click(function(){
   //class function
    clickFunction();
});

var clickFunction = function(){
      alert("clicked!");  
};

clickFunction();
​

Answer 4

您的代码在页面加载时需要点击触发器：

$(function(){ // ready handler
    $(".searchIcon").click(function(){
       //class function
    });
    $(".searchIcon").click(); // this fires when doc gets ready
});