jquery - 单击链接调用 jQuery 而不是转到页面?

标签 jquery html css django twitter-bootstrap

我现在正在开发一个 Django 站点,每次单击链接时,我的控制台都会出现 jQuery 错误,而不是页面发生变化。

Django 模板中的 Python 行(其中 i 是 Page 对象,i.pageURL 是用于查找页面的单个单词,i.pageTitle 是标题(不相关):<a data-toggle='tab' href="{% url 'pages_custom_page' p=i.pageURL %}">{{i.pageTitle}}</a>
HTML 行:<a data-toggle="tab" href="/about/">About</a>
控制台:Uncaught Error: Syntax error, unrecognized expression: /about/

有什么帮助吗?我可以提供哪些其他信息来帮助解决这个问题?

编辑: 我从 this question 找到那'你不能使用/因为 Bootstrap 将其用作选择器。任何人都可以解释这意味着什么以及我如何避免它?

EDIT2:我使用以下代码创建了一个测试:

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

而且我发现在控制台中唯一没有引发错误的是第一个(没有斜杠 - <a data-toggle='tab' href="about">about</a>)。但是,当我单击它时它仍然不会重定向,它实际上只是忽略了单击。有什么帮助吗?

最佳答案

我发现了问题 - 当我从标签中取出 data-toggle='tab' 时,一切正常!

关于jquery - 单击链接调用 jQuery 而不是转到页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38840325/

相关文章:

javascript - jQuery:用动态 HTML 替换 HTML,而不是附加

javascript - 检查多个类(class)

html - 如何使 div 的高度在聊天中的所有设备上响应?

使用变量的 Jquery 动画不起作用(文字工作正常)

JQuery 和验证插件

javascript - 使用 jquery 或 javascript 创建一个颜色正方形

html - 具有内联样式的 CSS 伪类

javascript - IonRangeSlider 将标签分配给值

jquery - div 设置为 100% 宽度和 100% 高度,但不继承父 div 的大小

CSS :not pseudo class is not taking effect