重新打开页面时,角度脚本未运行

时间:2016-08-26 17:48:01

标签: javascript jquery html css angularjs

这是我做过的第一个网站:http://moneyforkids.ca/old

我遇到的问题似乎无法弄明白。

如果您访问证书页面,则应该可以在证书上键入您的姓名。但是,如果单击其他选项卡然后返回到证书选项卡,则无法在证书上键入您的名称。相反,你只是在它的中间看到{{name}},它告诉我角度脚本没有运行。

这是执行角度脚本的代码:http://moneyforkids.ca/old/js/index.js

编辑: 我通过将index.js文件更改为:

来实现预期的行为
$( 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文件修复了网站。您可以通过删除网站地址末尾的/ old来查看网站的新版本(我不能发布超过2个链接)。

但是,我不明白为什么这样可以解决问题!

1 个答案:

答案 0 :(得分:0)

它没有棱角分明地把它弄糊涂了你的代码。你在点击加载角度然后你需要检查第二次点击如果加载角度然后再次加载它。如果您在“证书”选项卡上单击一次时发现没有**{{name}}**,但下次再次单击该选项卡然后角度分解时,您会看到**{{name}}**