0

我正在尝试在我的网站内使用https://github.com/princejwesley/angular-circular-slider 作为性别滑块，当我最初使用它加载页面时它可以工作。

但是，当我转到网站中的另一个页面，然后返回个人资料时，滑块会出现标题错误（如控制台中所示）。页面使用 ng-route 加载，我认为这是罪魁祸首。

这是代码：

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.1/angular.js" data-semver="1.4.1"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#postsNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Posts</a>
        </div>
        <div class="collapse navbar-collapse" id="postsNavbar">
          <ul class="nav navbar-nav">
            <li><a href="#/login">Login</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#/profile">Profile</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div ng-view></div>
  <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script>
  <script src="/app.js"></script>
  <script src="/jquery.js"></script>
  </body>

</html>

这里还有一个 Plnkr：

http://plnkr.co/edit/LkzBlHbELK8gHro4XStU

  • 在菜单中，单击配置文件以查看圆形滑块
  • 点击登录返回
  • 再次转到个人资料
  • 无法在“窗口”上执行“getComputedStyle”：参数 1 不是“元素”类型
4

0 回答 0