javascript - jQueryモバイルは、次のページに移動した後に使用される現在のページでスクリプトの実行を停止します

Question

私のjQueryモバイルアプリケーションでは、すべてのスクリプトがインデックスページ（index.phpなど）にロードされており、ページをリンクしてアプリケーションのロードを維持するために（ rel="external"またはdata-ajax="false" ）を使用していません。完全に Ajax で。しかし、私のアプリケーションでは、1 つのページ (home.php など) に対してのみスクリプトを実行し、そのページを離れた後、使用されているスクリプトを強制終了したいと考えています。home.php では、 $(document).onを使用しています。 スクリプトをロードするための ('pageinit', function(){ }) 。

しかし、home.php で使用しているスクリプトが、そのページを離れた後、アプリケーション全体で実行されていることがわかりました。

( rel="external"またはdata-ajax="false" ) を使用せずにpage-init関数で使用されるスクリプトの実行を停止するには?

これがhome.phpで使用しているコードです。

<script type="text/javascript">
                $(document).on('pageinit', function(){
    var auto_refresh = setInterval(
             function ()
            {
                 /*  */
                $("#color-bar").load("controller/file.txt");
                        }, 3000);
                });
</script>

file.txthome.php を離れた後、ロードを停止したい。