加载我的javascript文件 - 问题

时间:2017-02-24 09:21:12

标签: javascript jquery html datatables

所以我一直在寻找网站上的其他类似问题,到目前为止还没有任何帮助,尽管我确定我的问题很简单,因为我只是刚开始使用javascript。

我最初直接在HTML文件中创建了脚本。这很好,并产生了我预期的结果。 我现在尝试将其分成一个我想加载到HTML中的文件。

在我的HTML文档正文中,我有:

<script type="text/javascript" charset="utf8" src="{{ url_for('static',filename='dash.js') }}"></script>

哪个应该加载下面的文件。

正如我所提到的,&#34; applySettings&#34;代码是我所知道的,我以前的测试直接在HTML文件中。我添加的其余部分尝试使文件正常工作。

dash.js

$(document).ready(function(){

alert("READY!");
applySettings();
});

function applySettings(){
    $("#example").dataTable({
        "aaData":[
        ["Sitepoint","http://sitepoint.com","Blog","2013-10-15 10:30:00"],
        ["Flippa","http://flippa.com","Marketplace","null"],
        ["99designs","http://99designs.com","Marketplace","null"],
        ["Learnable","http://learnable.com","Online courses","null"],
        ["Rubysource","http://rubysource.com","Blog","2013-01-10 12:00:00"]
    ],

    "aoColumnDefs":[{
    "sTitle":"Site name"
    "aTargets": [ "site_name" ]
    },{

        "aTargets": [ 1 ]
        "bSortable": false
        "mRender": function ( url, type, full )  {
            return  '<a href="'+url+'">' + url + '</a>';
        }
    },{

        "aTargets":[ 3 ]
        , "sType": "date"
        , "mRender": function(date, type, full) {
             return (full[2] == "Blog") 
             ? new Date(date).toDateString()
             : "N/A" ;
            }

    }],
    'paging': false,
    'searching': false,
    'lengthChange': false,
    'info': false,
    'destroy': true,                
});
}

当我运行应用程序时(因为这是pythons flask addin)。我可以在下面看到我的终端输出,这表明它在我期望的位置接触到该文件,但是当我刷新网页时,甚至不会出现javascript中的警告:

2017-02-24 08:56:30,503 INFO  127.0.0.1 - - [24/Feb/2017 08:56:30] "GET /static/jquery-1.12.3.min.js HTTP/1.1" 304 -
2017-02-24 08:56:30,506 INFO  127.0.0.1 - - [24/Feb/2017 08:56:30] "GET /static/jquery.dataTables.min.js HTTP/1.1" 304 -
2017-02-24 08:56:30,510 INFO  127.0.0.1 - - [24/Feb/2017 08:56:30] "GET /static/dash.js HTTP/1.1" 200 -

0 个答案:

没有答案