0

ウェブサイト内でhttps://github.com/princejwesley/angular-circular-sliderを性別スライダーとして使用しようとしています が、最初にページを読み込んだときに機能します。

しかし、Web サイトの別のページに移動してからプロファイルに戻ると、タイトルにエラーが表示されてスライダーがエラーになります (コンソールに表示されます)。ページは 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

  • メニューで、プロファイルをクリックして円形のスライダーを表示します
  • ログインをクリックして戻る
  • もう一度プロファイルに移動します
  • 'Window' で 'getComputedStyle' を実行できませんでした: パラメータ 1 はタイプ 'Element' ではありません
4

0 に答える 0