javascript - 本体がロードされたら jQuery を実行する

Question

本体が読み込まれたら、少し JS を実行したいと思います。私のフレームワークは、静的で本文が動的な 2 つの異なるファイルからヘッダー/フッターを読み込みます。したがって、オンラインで読むと、本文の最後に $(elem).load(function()) を配置でき、ページが読み込まれると関数が実行されますか? これを簡単に試しましたが、うまくいかないようです。

{%include file='/var/www/include/tpl/header.tpl'%}
<div id="contentMain">
        <h1>{%$heading%}</h1>
        {%if isset($Details)%}
                <h4>Details</h4>
                {%$Details%}
        {%/if%}
        {%$table%}
</div>
<div id="space">
&nbsp;
</div>
<script>
        $("#contentMain").load(function(){
                alert("It worked!");
                //run some stuff here
        });
</script>
{%include file='/var/www/include/tpl/footer.tpl'%}

これを機能させる方法についての助けをいただければ幸いです。

Answer 1

あなたの場合、スクリプトの場所のために待つ必要はありません。スクリプトは、その上の要素が解析されるまで解析/実行されません。したがって、contentMain div とその子孫を操作する準備ができていると想定しても安全です。

{%include file='/var/www/include/tpl/header.tpl'%}
<div id="contentMain">
        <h1>{%$heading%}</h1>
        {%if isset($Details)%}
                <h4>Details</h4>
                {%$Details%}
        {%/if%}
        {%$table%}
</div>
<div id="space">
&nbsp;
</div>
<script>
    alert("It worked!");
    //run some stuff here
</script>
{%include file='/var/www/include/tpl/footer.tpl'%}