javascript - jQuery getScript 不会加载脚本

标签 javascript jquery html css

我正在使用 Python 脚本生成 HTML、CSS 和 Javascript 文件。所有文件都有一个基于用户输入的文件名,因此如果您输入“文件名”,它将生成 filename.js、filename.css 和 filename.html。显然,HTML 文件现在必须根据自己的文件名加载这些脚本。我已完美加载 CSS 文件,但无法加载 javascript 文件。 这是我的代码:

$(function(){
    var url = window.location.pathname;
    // Gets raw filename, no extension
    var filename = url.substring(url.lastIndexOf('/') + 1, url.indexOf('.'));

    var timelineFile = filename + ".js";
    timelineFile = "./" + timelineFile;
    var styleSheet = filename + ".css";
    styleSheet = "./" + styleSheet;

    // Load javascript
    $.getScript(timelineFile, function(script, text) {
        // Debugging
        alert( "Custom name javascript loaded.");
    })
        .fail(function() {
            alert("Script failed to load. Script name is " + timelineFile);
        });

    // Load css
    $('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', styleSheet) );
});

我真的不知道为什么 getScript 就是不想为此工作。文件名正确,如 .fail() 警报中所示。此警报显示文件名为“./filename.js”

最佳答案

由于文件是本地文件(file\c\etc.),jQuery 无法加载它。 jQuery有一组可以加载的文件,比如HTTP。

关于javascript - jQuery getScript 不会加载脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30493819/

相关文章:

javascript - 如何在 Google 图表上定位十字线?

jQuery withCredentials 在 Safari 中不起作用?

jquery - 添加跨两个表的 jQuery 悬停效果

html - 导航栏未正确排列

javascript - 使用 SVG 的线性双色平滑和锐利渐变

javascript - 拦截点击链接

javascript - this.props.history.push 在某些组件中有效,在其他组件中无效

javascript - d3内部如何实现异步

javascript - 是否可以检测哪一行或函数触发了元素上的 jquery 更改事件?

javascript - 子操作不会触发父 jquery