Javascript Django-导入jquery时页面不向下滚动_Javascript_Python_Html_Django

Javascript Django-导入jquery时页面不向下滚动

javascript python html django

Javascript Django-导入jquery时页面不向下滚动,javascript,python,html,django,Javascript,Python,Html,Django,基本上，如果我按如下方式导入jquery： <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> {% load staticfiles %}  <body> {% block content %} {% endblock %} </body> </html> 我碰巧观察到两种不同的情况：如果我

基本上，如果我按如下方式导入jquery：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

{% load staticfiles %}
<!-- html code -->
<body>
{% block content %}
{% endblock %}
</body>
</html>

我碰巧观察到两种不同的情况：

如果我使用Django模板，我不能再在鼠标垫中向下滚动页面，只能使用滚动条。如果我删除导入jquery的行，我可以再次向下滚动
如果我决定查看从模板生成的源代码，将其完全复制并粘贴到新的html文件中，如果我在浏览器中打开它，现在我可以使用鼠标垫/箭头向下滚动

这究竟是什么原因呢？我错过了什么

My base.html模板的详细说明如下：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

{% load staticfiles %}
<!-- html code -->
<body>
{% block content %}
{% endblock %}
</body>
</html>

{%load staticfiles%}
{%block content%}
{%endblock%}

一定有一些代码拦截鼠标事件并阻止滚动。大致如下：

$(document).on("mousewheel", function (e) {
    e.preventDefault();
    return false;
});

（所拍摄的脚本仅用于说明。您的脚本看起来会有所不同。）

它可以在任何地方。甚至可能不在代码中，而是一些第三方脚本。我们看不到这个。可能的情况是，如果没有jQuery，它会失败，并且不会吃掉滚动事件，但是当您添加jQuery时，它成功地安装了侦听器，并且您的浏览器开始“行为不正常”

这是不确定的，但只是猜测最可能的原因。在所有文件（HTML和JS）中搜索“mousewheel”，在浏览器devtools中查找事件侦听器，也许你会找到一些东西。此外，考虑暂时禁用所有第三方<代码> <代码> s，如果有的话。我想您可以安装类似的东西并阻止所有外部资源。然后逐个解除阻止。

此处没有足够的信息帮助您-一定是您的模板特定的原因导致了此行为。请尝试

@solarismoke，您还需要我提供什么？浏览器devtools控制台中有什么有用的信息吗？有错误/警告吗？