jquery：更新<script> src，更新脚本<​​/ script>创建的html

Question

这是一个奇怪的问题，我想......

我使用<script>插件（来自“bitsontherun”）嵌入视频播放器。加载页面时，会根据脚本src：

的网址显示视频

<script type="text/javascript" src="http://content.bitsontherun.com/players/123ABC-DEF456.js"></script>

其中“123ABC-DEF456”是视频的唯一ID。我希望能够使用新的视频ID重新加载脚本，以及单击链接时创建的播放器。

有没有人对如何做到这一点有任何见解。我觉得我应该能够操纵DOM，但我不确定使用什么函数（getScript()？）。

---

修改

我决定使用iframe转到另一条路线，并使用查询字符串中的视频ID更新iframe的src。

Answer 1

我只想用一个全新的脚本标签替换它。首先，我会把它放在一个包含div或span。

<div id="videobox">
<script type="text/javascript" src="http://content.bitsontherun.com/players/123ABC-DEF456.js"></script>
</div>

然后，当您准备替换它时，只需替换#videobox的HTML内容。

var videoID; // set this however you want    
$("#videobox").html('<script type="text/javascript" src="http://content.bitsontherun.com/players/' + videoID + '.js"></script>');

Answer 2

我决定转向另一条路线，使用iframe并使用jQuery在查询字符串中使用视频ID更新iframe的src。

$(".botrtn").click(function(){
    var videoID = $(this).attr("id");  
    $('#frameplayer').attr('src', "video-frame.php?id="+videoID);   
    return false;
});

Answer 3

刚做了一些研究，看到的东西让我想起了你的问题。查看此页面上的＃3，jQuery getScript（）函数。我认为这会做你想要的。

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/