jQuery에서 마우스 클릭 시뮬레이션

Question

다음 스 니펫은 클릭 할 때 텍스트 테이블을 표시합니다. 페이지가 열릴 때 기본적으로 클릭 한 것처럼 텍스트 테이블을 표시해야합니다. 저는 완전 초보자입니다. 이것은 간단 해 보이지만, 행운이없이 수십 가지 대안을 시도했습니다. 제발 도와주세요.

//Show/Hide 'Text Alert' Table 
jQuery('#showAlertTable').on('click', function() { 
    jQuery('.alert-table').slideToggle(); 
}); 

Answer 1

당신은 단지 클릭 이벤트없이 준비에 트리거해야 페이지가로드되면, 당신은 jQuery의 $(document).ready(...) 기능을 살펴한다

$(function(){ 
    $('.alert-table').slideToggle(); 
}); 

Answer 2

일을하십시오. 문서를 찾을 수 있습니다 on jquery's website

귀하의 경우 클릭 처리기에 대한 콜백을 수행하고이를 별도의 함수로 가져와 클릭시와 페이지로드시 둘 다 트리거 할 수 있도록하십시오.

편집 된은보다 유연한 구문을 반영합니다.

function showTable(){ 
    jQuery('.alert-table').slideToggle(); 
} 

// add click handler 
jQuery('#showAlertTable').on('click', showTable); 

// fires showTable as soon as the document is ready, 
// or right away if the document is already ready. 
jQuery(showTable); 

Answer 3

처리기를 바인딩 한 후에 click 이벤트를 트리거하면 처리해야합니다. . 그것이 무엇을 할 수 막연한 아이디어를 얻을 통해

이

jQuery('#showAlertTable').on('click', function() { 
    jQuery('.alert-table').slideToggle(); 
}).click();