Вызов функции в javascript только после загрузки страницы

Question

У меня есть кнопка, которая настроена для вызова функции javascript, чтобы автоматически активировать «вкладку» на странице. Когда эта вкладка загружена, отображаются подтаблицы. Я пытаюсь настроить его так, чтобы один из субтабов автоматически включался при нажатии кнопки.

В настоящее время я могу выбрать первую вкладку, но я не могу выбрать ее. #detailsTab - это идентификатор первой вкладки. # personal-information - идентификатор выбранного суббайта.

следующее, что у меня есть.

Это все в том же файл:
HTML:

<button class="button button--primary button--sm" onclick="viewDetials()">View Details</button> 

Javascript:

<script type="text/javascript"> 
    function viewDetials() { 
     $("#detailsTab").click(); 
     personalSubTab(); 
    } 

    window.onload = function personalSubTab() { 
     $("#personal-information").click(); 
    } 
</script> 

Answer 1

Попробуйте совмещая функции и добавляя короткую задержку для вложенного.

function viewDetials() { 
    $("#detailsTab").click(); 

    setTimeout(function(){ 
     $("#personal-information").click(); 
    }, 200); // This value can be tweaked 

} 

Answer 2

После того, как документ будет готов, вызывается следующее.

<script type="text/javascript"> 
    function viewDetials() { 
     $("#detailsTab").click(); 
     personalSubTab(); 
    } 

    function personalSubTab() { 
     $("#personal-information").click(); 
    } 

    // Document ready 
    $(function() { 
     personalSubTab(); 
    }); 
</script> 

Answer 3

Я не совсем уверен, что вы хотите сделать - но если вы хотите, чтобы генерировать событие щелчка на другой триггер использования кнопки/дел, не щелкаю - как это:

function personalSubTab() { 
$("#personal-information").trigger('click');}