Question

以下是我的基本html页面中我头部的内容。这个脚本工作 - 就像我想要的那样。如何将脚本添加到静态文件夹？就像我想创建一个单独的js文件夹并为此脚本创建文件。

    <head>
    <link href="{{ STATIC_URL }}reservation/css/main_css.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(".asu").click(function(){
            var foo = $(this).text()
            alert(foo);
           });
        });
   </script>
   </head>

Answer 1

你总是可以这样做：

<head>
    <link href="{{ STATIC_URL }}reservation/css/main_css.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="{{ STATIC_URL }}reservation/js/main.js"></script>
</head>

现在，在文件main.js中（假设您希望reservation/js下的文件夹结构为{{STATIC_URL}}

$(document).ready(function(){
    $(".asu").click(function(){
        var foo = $(this).text()
        alert(foo);
   });
});

确保在自定义js文件之前加载jquery。

如何将其添加到我的静态文件夹？

1 个答案: