如何在頁面加載時點擊按鈕元素

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>