理论答案

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() {
    console.log( "ready!" );
    $('#btn1').trigger( "click" );
});
function fun1()
{
	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 2

假设第一个按钮是Home，那么您希望使用$(function()

在document ready上运行该按钮

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

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

然后将您的链接更新为：

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

Answer 3

自己触发事件：

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

Answer 4

理论答案

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

也可以在绑定事件处理后通过调用.click()来触发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 5

你可以试试这个：

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

pageLoad();

 </script>

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

如何点击页面加载

5 个答案:

理论答案

实施例