jquery - django-debug-toolbar 无法在 Django 网站中使用 jQuery

Question

我正在使用django-debug-toolbar (最新版本，v1.2.1)并且我不断在控制台中收到此错误:

Empty string passed to getElementById()

对于 jQuery 中的这段代码(第 2757 行):

...
// HANDLE: $(#id)
} else {
elem = document.getElementById( match[2] );
...

我单击的调试工具栏中的每个链接都会再次出现此警告。

当我注释掉主 jQuery 源文件时，调试工具栏可以工作。另外，在 Django 管理中，它工作得很好，大概是因为 Django 管理使用了不同的方法来获取 jQuery。

我尝试了@Carlton Gibson 的答案，但这并不能解决我的问题。我也尝试过本地 jQuery 和 CDN 以及几个不同的版本，但都无济于事......

我尝试了不同版本的 jQuery 并使用 django-debug-toolbar 文档中提供的所有可能的设置。我陷入困境，我真的很喜欢这个工具并希望它为我工作。

编辑

由于我收到了一些额外的评论和答案，我想我应该进行编辑来解释我所尝试的内容。我尝试了所有建议但没有成功。然而，目前，我看到了另一个错误，这是我从另一篇关于 RequireJS 和 django-debug-toolbar 的文章中发现的。 :

GET http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js [HTTP/1.1 304 Not Modified 133ms]
ReferenceError: jQuery is not defined localhost:8000:119
TypeError: djdt is undefined toolbar.js:297
Empty string passed to getElementById()

即使 jQuery 已加载并且我告诉 django-debug-toolbar使用我的版本(使用 DEBUG_TOOLBAR_CONFIG = { 'JQUERY_URL': '', } )，我仍然收到错误并且 DjDT 无法工作。这次，它甚至没有出现，因为 TypeError .

编辑

这是 base.html 的 block JS 导入的位置。请记住，这是一个快照，并且已经发生了很大变化。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" defer></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" defer></script>

我还有一个正在使用的返回顶部小部件，它可能是罪魁祸首。由于我使用这段代码已经很长时间了，所以我从来没有认为这是一个问题，但现在我怀疑它可能是一个问题。另外，由于错误与 id 有关。并且脚本使用 class我驳回了它。但是当我将其注释掉时，DjDT 就可以工作了。

在本文帖子的帮助下，我解决了这个问题。不确定它与 id 有什么关系，但我在与 a 一起使用的返回顶部小部件中发生了冲突选择器。我改成了class它正在发挥作用。我在两个项目中进行了测试，它似乎已修复。感谢您的帮助!

Answer 1

由于页面上已经有 jQuery，您可以告诉调试工具栏不要加载它的版本。尝试将其添加到您的设置中:

DEBUG_TOOLBAR_CONFIG = {
  'JQUERY_URL':'',
}

(有关更多信息，请参阅 config docs。)

希望这足以解决您的问题。