如何在页面加载时点击按钮元素

Question

我已经创建了5个按钮。我正在按钮点击加载一些页面。我想要第一个按钮自动点击页面加载并加载相应的html文件，剩下的按钮只能在点击它们时加载html文件。谁来帮帮我！！

这是我的jquery：

$('a#Home').click(function() { 
    $("#home").load("x.html"); 
}); 

$('a#Menu1').click(function() { 
    $("#menu1").load("y.html"); 
}); 

$('a#Menu2').click(function() { 
    $("#menu2").load("z.html"); 
}); 

$('a#Menu3').click(function() { 
    $("#menu3").load("searcharray.html"); 
}); 

$('a#Menu4').click(function() { 
    $("#menu4").load("sortarray.html"); 
}); 

Answer 1

假设第一个按钮是家庭，那么你想在document ready运行，通过使用$(function()

<script> 
    $(function() { 
     $('a#Home').click(); 
    }); 

    function loadHome() { 
     $("#home").load("x.html"); 
    }; 
</script> 

然后更新您的链接是这样的：

<a id="Home" onclick="loadHome()">Click Me</a> 

Answer 2

自己触发事件：

$('a#Home').click(function() { 
    $("#home").load("x.html"); 
}); 
$('a#home').trigger('click'); 

Answer 3

理论回答

可以使用.trigger()方法的任何元素上触发的任何事件。这将要求您指定您想要触发的事件。 More information.

也可以通过绑定事件处理后调用.click()来触发点击事件。 The documentation shows us that we can use this function for both purposes.

$(document).ready()是一种交互，可用于在文档加载后运行代码一次。 More info on that can be found here.

实例

实施例＃1（使用.trigger()）

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

实施例＃2（使用.click()）

$(document).ready(function() { 
    $('a#Home').click(); 
}); 

Answer 4

只是测试此代码。我认为这会帮助你。

$(document).ready(function() { 
 
    console.log("ready!"); 
 
    $('#btn1').trigger("click"); 
 
}); 
 
function fun1() 
 
{ 
 
\t alert('loaded'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<button id="btn1" onclick="fun1()">btn1</button> 
 
<button id="btn2">btn1</button> 
 
<button id="btn3">btn1</button> 
 
<button id="btn4">btn1</button>

Answer 5

你可以试试这个：

<script> 
     function pageLoad() 
{ 
    alert('hello'); 
} 

pageLoad(); 

</script> 

<button id="btn1" onclick="pageLoad()">btn1</button>