html - Clicking a link calls jQuery instead of going to page? -

i'm working on django site right , every time click link, jquery error in console instead of page changing.

line of python in django template (where page object, i.pageurl single word used find page, , i.pagetitle title (irrelevant): <a data-toggle='tab' href="{% url 'pages_custom_page' p=i.pageurl %}">{{i.pagetitle}}</a>
line of html: <a data-toggle="tab" href="/about/">about</a>
console: uncaught error: syntax error, unrecognized expression: /about/

any help? other information can give this?

edit: found this question 'you can't use / because bootstrap uses selector'. can explain means , how can avoid it?

edit2: created test following code:

<a data-toggle='tab' href="about">about</a> <a data-toggle='tab' href="about/">about/</a> <a data-toggle='tab' href="/about">/about</a> <a data-toggle='tab' href="/about/">/about/</a> 

and found 1 doesn't raise error in console first 1 (with no slashes - <a data-toggle='tab' href="about">about</a>). however, still doesn't redirect when click it, ignores click. here?

i found problem - when took data-toggle='tab' out of tag, things worked perfectly!