Uncaught Error: Syntaxfehler, unerkannter Ausdruck: #/angularjs und jquery

Der folgende Fehler wird in meiner Konsole immer angezeigt, wenn meine Seite geladen wird.Uncaught Error: Syntaxfehler, unerkannter Ausdruck: #/angularjs und jquery

"nicht erfasste Fehler: Syntaxfehler, unerkannt Ausdruck: #/über"

Mein Code ist wie folgt:

   <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>

es für alle anfänglichen Instanz zeigt. Anfänglich wird es für #/about angezeigt, so wie es zuerst ist. Wenn ich den Tab "Über uns" entferne, wird er für den Preisseitenlink angezeigt.

Sein nicht Bootstrap-Registerkarte Ausgabe, sind diese einfache Navigation nur

Routing-Code in 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: '/' 
    });

Ich habe Debug seiner Ausgabe vom Bootstrap Bootstrap nav verursacht dieses Problem: „nav navbar -nav " behebt dies ist Daten-Ziel =" # "aber will richtige Arbeit für diese

Quelle

2015-07-19 ram

Was Zusammenhang mit Strecken Ihre JS-Code ist? – ryanlutgen

Verwenden 'About' –

Versuchte das auch noch denselben Fehler – ram

Dies ist höchstwahrscheinlich ein Bootstrap-Problem. Versuchen Sie es mit data-target Attribut auf Ihre Links wie diese

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

Quelle

2015-07-19 06:05:57

Es geht nicht um modal oder Bootstrap-Komponente, es ist nur ein nav Link – ram

Dies behebt mein Problem durch Hinzufügen von data-target = "#" – ram

Es ist in Ordnung für alle Routen ** außer "/" **: 'a (href = '# /', data-target = '#')'. Meine Routenkonfiguration ist dieselbe: '$ routeProvider.when ('/', {templateUrl: /views/home/home.html '})'. Was mache ich falsch? –

Ok Sie den Schrägstrich muss entfernen, ‚/‘, mit dem Sie Ihre HTML wird,

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

Wenn Sie den Schrägstrich behalten möchten, ‚/‘ du musst Verwendung data-target Attribut,

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

Mehr über sie here

Quelle

2015-07-19 06:06:51

Beziehen Sie sich auf Tabs?- Es ist kein Bootstrap-Tab, es ist ein normaler Link nur – ram

Haben Sie es versucht? Hast du '

' ?? –

Entschuldigung, wo hast du mich gebeten, ng-view, es ist Header und ich habe ng-include – ram

Dies kann eine sehr seltene Situation sein, aber ich habe denselben Fehler wegen eines Legacy-Codes mit Colorbox und 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 
});

Merkwürdige sind, dass Fehler nur geschehen, wenn die Seite mit Link Laden wie localhost/index.html#/main anzusehen oder einfach mit einem beliebigen Ansicht ausgewählt Nachladen Seite.

Quelle

2016-09-08 20:30:21 Vagrant326

Dieses Problem tritt auch bei eckigen 2 Projekten auf. Ich füge einfach data-target = "#" zum Ankerlink hinzu. Es hat mein Problem gelöst.

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

Quelle

2017-04-25 18:09:09

Uncaught Error: Syntaxfehler, unerkannter Ausdruck: #/angularjs und jquery

Antwort

Verwandte Themen