Erreur non détectée: erreur de syntaxe, expression non reconnue: # / angularjs et jquery

D'erreur suivant montré dans ma console à chaque fois que ma page se charge.

"Uncaught Error: syntax error, non reconnu expression: #/à propos de"

Mon code est comme ci-dessous:

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

Il montre pour tous instance initiale . D'abord, il montre pour la #/sujet car il est le premier, Si je supprime à propos de nous, il onglet apparaissent pour la tarification lien de la page.

Ses pas bootstrap onglet problème, Ce sont de simples de navigation seulement

Code de routage dans 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: '/'
    });

J'ai debug son problème de bootstrap, bootstrap nav origine de ce problème: "nav navbar-nav"
pour corriger cela, il est data-target="#", mais veut de travail autour de cette

source d'informationauteur ram

  1. 16

    C'est probablement une Bootstrap question. Essayez d'utiliser data-targetattribut sur vos liens de ce type

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

    Ok tu dois supprimer le caractère " / ' avec laquelle votre html devient,

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

    Si vous souhaitez conserver le caractère " / ' tu dois utiliser data-target en tant qu'attribut,

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

    Plus ici

  3. 1

    Cela peut être une situation rare, mais j'ai la même erreur à cause d'un code existant à l'aide de Colorbox et 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
});

    Chose étrange est que l'erreur qui se passait uniquement lors du chargement de la page avec un lien pour les afficher comme localhost/index.html#/main ou tout simplement le rechargement de la page avec une vue sélectionné.