使用jQuery动态重新加载或切换外部js文件

时间:2013-05-08 22:35:48

标签: javascript jquery external reload

我有一个网页,我有一个外部js文件,动画一些div。我想在页面上放置一个按钮,从一开始就重新加载js文件,因此它会停止该功能并从头开始。 我尝试给脚本标签id" animation"然后使用以下内容。

$(document).ready(function() {

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

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

});
}
);

毋庸置疑,它没有用。想知道如何正确地做到这一点。

1 个答案:

答案 0 :(得分:4)

真的不是一件好事,更好的是制作一个启动和停止动画的功能。但如果你真的必须:

$(".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);

});