jquery-1.9.1.js: 4421 nicht erfasste Fehler: Syntaxfehler, unerkannt Ausdruck:/Artikel/Kategorie/category_details/7

Question

I Bootstrap Auftabellierung Menü und jedes Register zu implementieren versuchen eine neue Seite

Dies ist mein Java-Script

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $(".nav-tabs a").click(function(){ 
        $(this).tab('show'); 
       }); 
       $('.nav-tabs a').on('shown.bs.tab', function(event){ 
        var x = $(event.target).text();   // active tab 
        var y = $(event.relatedTarget).text(); // previous tab 
        $(".act span").text(x); 
        $(".prev span").text(y); 
       }); 
      }); 
     </script> 

Und das ist mein html für tabellarische Menü

<div class="container"> 
    <h2>Material</h2> 
    <ul class="nav nav-tabs"> 
    <li role="presentation" class="active"> 
     <a href="/item/material/material_details/7">BOM</a></li> 
    <li role="presentation"><a href="/item/category/category_details/7">Manufacture</a></li> 
    <li role="presentation"><a href="/item/material/material_details/7">Product</a></li> 
    <li role="presentation"><a href="/item/material/material_details/7">UOM</a></li> 
    </ul> 

Und unter dem Fehler bekomme ich jedes Mal, wenn ich einen neuen Tab auswähle und offensichtlich ändert sich mein Tab nicht zu aktiv. Ich nehme an, ich versuche etwas, das nicht mit direkten Links arbeiten soll, sondern nur mit Divs auf derselben Seite arbeiten sollte. Gibt es eine Möglichkeit, auf diese Weise den Tabellierungseffekt zu erreichen, ohne für jede Seite ein eigenes aktives Tab-Menü zu haben?

jquery-1.9.1.js:4421 Uncaught Error: Syntax error, unrecognized expression: /item/category/category_details/7 

Answer 1

Bootstrap tabs expect the href to be a hash, die als Auswahl analysiert wird, und zwar eine ID-Selektor, durch jQuery. Dieser Hash entspricht der ID des anzuzeigenden Abschnitts. Ihre href s scheinen URLs anstelle von Hashes zu sein, was zu einem Fehler führt.

Answer 2

Ich möchte hinzufügen, wie ich mein Problem am Ende gelöst habe.

Ich konnte aktive Registerkarten mit Links mit wenigen Vorlagen in Django und vermeiden JS-Skript insgesamt mit diesem Django-Snippet zu erreichen.

https://djangosnippets.org/snippets/2421/