web-dev-qa-db-ja.com

不明なエラー：構文エラー、認識できない式：＃/ angularjsおよびjquery

ページが読み込まれるたびにコンソールに次のエラーが表示されます。

「不明なエラー：構文エラー、認識できない式：＃/ about」

私のコードは次のとおりです：

                <li class="active">
                    <a href="/">Home</a>
                </li>
                <li class="">
                    <a href="#/about" title="About Us">About</a>
                </li>
                <li class="">
                    <a href="#/pricing">Pricing</a>
                </li>

のすべての初期インスタンスを示しています。最初は、＃/ aboutが最初に表示されます。Aboutusタブを削除すると、価格設定ページのリンクに表示されます。

そのbootstrapタブの問題、これは単純なナビゲーションのみです

App.jsのルーティングコード：

$routeProvider.when('/', {
        templateUrl: 'partials/home.html'
    }).when('/account', {
        templateUrl: 'partials/account.html',
    }).when('/terms', {
        templateUrl: 'partials/terms.html'
    }).when('/about', {
        templateUrl: 'partials/about.html'
    }).otherwise({
        redirectTo: '/'
    });

ブートストラップの問題をデバッグしました、bootstrap navこの問題の原因：これに対する "nav navbar-nav"修正はdata-target = "＃"ですが、これに対する適切な作業が必要です。

jqueryangularjstwitter-bootstrap
14
ram

これはおそらくBootstrapの問題です。data-targetこのようなリンクの属性

<a href="#/about" data-target="#about" title="About Us">About</a>
17
Bidhan A

スラッシュを削除する必要があります、 '/ 'を使用してhtmlを作成します。

<a href="#about" title="About Us">About</a>

スラッシュを保持する場合は、 '/ '使用する必要がありますdata-target属性として、

<a href="#/about" title="About Us" data-target="#about">About</a>

それについての詳細 こちら

6
Sudhansu Choudhary

この問題はangular 2つのプロジェクトでも発生します。data-target= "＃"をアンカーリンクに追加するだけで問題が解決しました。

 <a data-target="#" [routerLink]="['/link']">my link</a>.
4
Miguel Peguero

これは非常にまれな状況かもしれませんが、Colorboxとlocation.hash。

jQuery(function() {jQuery('.content-row .csc-default a').tooltip({placement:'top'});
jQuery('a.gallery').colorbox({
    maxWidth:'95%',
    maxHeight:'95%',
    slideshow:true,
    current:' {current} / {total}',
    opacity:'0.80',
    transition:'none',
    speed:'550',
    slideshowSpeed:'5500',
    overlayClose:true,
    fixed:false,
    escKey:true,
    arrowKey:true,
    loop:true,
    title: function() { return $(this).data('original-title')},
    close:'<span class="glyphicon glyphicon-remove"></span>',
    previous:'<span class="glyphicon glyphicon-chevron-left"></span>',
    next:'<span class="glyphicon glyphicon-chevron-right"></span>',
    slideshowStart:'<span class="glyphicon glyphicon-play"></span>',
    slideshowStop:'<span class="glyphicon glyphicon-pause"></span>',
    rel: function() { return $(this).data('rel')}
});
if (location.hash) $(location.hash).collapse('show'); //when this line is commented, Angular Route works properly
});

奇妙なことは、localhost/index.html#/mainまたは任意のビューを選択してページをリロードするだけです。

1
Vagrant326