java脚本内部问题

Question

我的javascript代码不能在内部工作(它能在外部工作)是什么问题，我试着在外部工作，它工作得很好，但是当我在django中将js文件添加到statics时，我可以用{% load static%}加载css，但是我的js文件不能工作。

    function animatethis(targetElement, speed) {

        var scrollWidth = $(targetElement).get(0).scrollWidth;
        var clientWidth = $(targetElement).get(0).clientWidth;
        $(targetElement).animate({ scrollLeft: scrollWidth - clientWidth },
        {
            duration: speed,
            complete: function () {
                targetElement.animate({ scrollLeft: 0 },
                {
                    duration: speed,
                    complete: function () {
                        animatethis(targetElement, speed);
                    }
                });
            }
        });

      };

       animatethis($('#scroll-div'), 22000);

这是我的HTML页面：

​

​

当我运行我的服务器时，我可以看到我的js文件已加载

[

​

我想我的问题出在我的js代码或者一些导入问题上。

Answer 1

如果我正确理解了您的问题，您将js代码放在外部文件中，现在它不在页面上运行。这很可能是因为您尚未导入javascript文件以将其加载到页面的script标记中。所以在你的javascript代码块中，或者甚至在内容块中，你需要类似这样的东西：

<script src="{% static 'js/folder/file.js' %}"></script>

其中js是静态文件夹中存储javascript的文件夹的名称，folder是进一步组织代码的文件夹(如果有)，如果有许多嵌套的文件夹，则可能有多个路径，当然file.js是文件的名称。如果您只有一个js文件夹，而没有子文件夹，则路径将为js/file.js。

Answer 2

我找到了解决方案，我的问题是jquery优先于我的文件脚本。