JavaScript - pojedyncze wywołanie funkcji nie działa

Question

Ten temat to raczej ciekawostka, bo nie wiem jak to jest możliwe. Nie działa mi pojedyczne wywołanie funkcji, natomiast funkcja ta umieszczona wewnątrz funkcji setInterval(); działa... Mam taki kod:

function runExe(){
	$("#content").load("php/runexe.php");
}

var time = 1000 * <?php echo $time ?>;
runExe();
setInterval(function(){ runExe(); }, time);

Natomiast runexe.php uruchamia program konsolowy i zwraca pewne wartości poprzez echo. Samotne runExe(); jest wywoływane po to, by nie czekać time sekund na pojawienie się wyniku na ekranie. Niestety nic się nie pojawia, muszę odczekać te time sekund. Ale na przykład:

setInterval(function(){ runExe(); }, 1);

Zwraca wynik natychmiast.

Answer 1

Brak wywołania funkcji może być spowodowane tym, że element #content nie zdąży być załadowany aby wprowadzić w niego treść. Spróbuj użyć funkcji ready() do elementu document. Funkcja ta powoduje to, że kod w niej zostanie wykonany po załadowaniu wszystkich elementów html https://learn.jquery.com/using-jquery-core/document-ready/.

Spróbuj tego:

$( document ).ready(function() {
    function runExe(){
        $("#content").load("php/runexe.php");
    }
    runExe();
});

 

Comments

Troszkę opóźniona odpowiedź, ale faktycznie teraz działa. Dziękuję.

Answer 2

A gdzie ten kod jest wywołany? W head?

Answer 3

Nie, w body. Generalnie użyłem:

window.onload = runExe;

i zadziałało. Przyznam szczerze, że JS znam mało.

Comments

Musiałeś wywołać funkcję przed wczytaniem się elementu #content, stąd nie działało