javascript - 使用jQuery动态重载或切换外部js文件

Question

我有一个网页，其中有一个为一些 div 设置动画的外部 js 文件。我想在页面上放置一个按钮，从头开始重新加载 js 文件，以便它停止函数并从头开始。我尝试为脚本标签提供 ID“动画”，然后使用以下内容。

$(document).ready(function() {

$(".button").click(function()
{

    $("#animation").attr('src','map.js');

});
}
);

不用说它没有用。想知道如何正确地做到这一点。

Answer 1

这确实不是一件好事，不如制作一个启动和停止动画的函数。但如果你真的必须：

$(".button").click(function( e ) { 

    //change this to the id of your script
    $('#the_script').remove();

    var script = document.createElement('script');
    script.id = 'the_script';
    //the script's source here
    script.src = 'test_js.js';
    script.type ='text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);

});