페이지로드시 버튼 요소를 클릭하는 방법

Question

5 개의 버튼을 만들었습니다. 버튼 클릭시 일부 페이지가로드됩니다. 페이지로드시 첫 번째 버튼을 자동으로 클릭하고 해당 HTML 파일을로드하고 나머지 버튼은 클릭 할 때 HTML 파일을로드해야합니다. 누군가 나를 도와주세요 !!

이

내 JQuery와입니다 : 홈 다음 document ready에 그것을 실행하려는 것입니다 될 그런 다음 링크를 업데이트 $(function()

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

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

를 사용하여 첫 번째 버튼을 가정

$('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

같은 :

<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

( .click() 사용)

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

예 2

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

Answer 4

것만이 코드를 테스트 (.trigger() 사용). 나는 이것이 당신을 도울 것이라고 생각합니다.

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