ページのボタン要素をクリックする方法

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

は、最初のボタンがホームであると仮定すると、あなたは次にようになり、あなたのリンクを更新$(function()

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

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

を使用してdocument ready上のことを実行します：

<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>