2016-08-26 4 views
1

再オープンされたときに角度のスクリプトは、これは私が今まで作ってきた最初のウェブサイトで稼働していない:http://moneyforkids.ca/oldページが

そして私は私が把握することができないような問題が生じています。

証明書ページにアクセスすると、証明書に自分の名前を入力できるはずです。ただし、別のタブをクリックしてから[証明書]タブに戻ると、証明書に自分の名前を入力することはできません。代わりに、{{name}}が途中に表示されます。これは、角度スクリプトが実行されていないことを示しています。

ここ角度スクリプトを実行し、私のコードです:http://moneyforkids.ca/old/js/index.js

EDIT:

$(function() { 

$('nav a').on('click', function(e) {     // User clicks nav link 
    e.preventDefault();        // Stop loading new link 
    var url = this.href;        // Get value of href 

    $('nav a.current').removeClass('current');   // Clear current indicator 
    $(this).addClass('current');      // New current indicator 

    $('#content').remove(); 
    $('#container').load(url + " #content").hide().fadeIn('slow'); // Load content with AJAX 



    if (url.slice(-13) == "practice.html") { 
    $.getScript("js/practice.js"); 
    $.getScript("js/ui-spinner-behaviour.js"); 

    } else if (url.slice(-16) == "certificate.html") { 
    $.getScript("js/certificate.js"); 
    $.getScript("js/ui-spinner-behaviour.js"); 
    $('#angular').remove(); //Remove any previous angular script tag 
    $('<script id="angular" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>').insertAfter('section'); // Reload the script 
    } else { 
     $.getScript("js/repeatPictures.js"); 
    } 
}); 
}) 

固定上記の.js更新されたファイルを: 私はindex.jsファイルを変更することにより、予想される動作を実現ウェブサイト問題のない新しいバージョンのWebサイトを表示するには、Webサイトのアドレスの最後に/ oldを削除します(2つ以上のリンクを投稿できません)。

しかし、これで問題が解決される理由はわかりません。

+0

角度を複数回ロードしようとしています。 角度を複数回読み込んでいるかどうかを確認してください。それ以外の場合は、角度ライブラリと依存関係注入部分をロードするコードを表示します。 –

+0

index.js(http://moneyforkids.ca/js/index.js)ファイルはangleを注入するファイルです。また、証明書タブが2回目にクリックされたときに、ページに既に読み込まれているため、角度が混乱することがあります。しかし、ページの内容はAJAXによって変更されました。 –

答えて

0

あなたのコードは混乱していません。あなたはクリックで角度をロードしています。角度がロードされている場合は、再度ロードする必要はありません。 [証明書]タブで1回クリックすると気がついた場合は、**{{name}}**は表示されませんが、次回はタブを再度クリックして角度を分解して表示します。**{{name}}**

+0

私は一度だけ今度は角度をロードしますが、エラーは発生しません。ただし、{{name}}は2回目の訪問証明書タブで引き続き表示されます。この動作はhttp://moneyforkids.ca/oldで確認できます。私はhttp://moneyforkids.caで問題を解決しましたが、なぜ$ .getScriptタグを取り除いて角形スクリプトを修正したのか分かりません。 http://moneyforkids.ca/js/index.jsとhttp://moneyforkids.ca/old/js/index.jsに行くと、サイトの両方のバージョンで角度を注入するコードが表示されます。 –