Question

我刚开始使用jQuery，到目前为止，我对该框架有一个非常好的印象。但现在我有一个问题，我无法弄清楚自己。我想嵌入一个外部javascript文件，加载视频播放器并显示它。如果我直接在HTML中包含<script>...</script>，那么加载就好了。但是当我尝试使用jQuery加载它时，它在几个浏览器中具有非常不同的行为，但它不能在单个浏览器中运行。要么播放器根本没有加载，要么它不更新所选的div，而是在空白页面上重新加载播放器。这是来源：

<html>
<head>
<style type="text/css"> 
  div#test {
  width: 100%;
  height: 500px;
  margin: 10px auto;
  padding: 5px;
  border: 1px solid #777;
  background-color: #fbca93;
  text-align: center;
 }
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){

  var video = "<script type=\'text\/javascript\' src=\'http:\/\/www.physicalfitnet.com\/video_syndication\/embed\/jssingle.aspx?vid=651&pub=9DF8233261D101B86368400385B8FF2E\'><\/script>";
  $("div#test").html(video);     

  });
</script>
</head>

<body>
<div id="test"> Hi</div> 
</body>
</html>

我将所有内容上传到http://kernast.de/test ...感谢所有帮助。 THX

Answer 1

我无法访问脚本（尝试下载脚本时出现ASP NullReferenceException），但它是否使用document.write写入页面？因为如果是这样，那些脚本必须在解析阶段包含，之后就无法添加它们。这是因为它们实际上向文档发出HTML以供解析器使用。在解析文档后调用document.write没有做任何事情。

jQuery +外部javascript：如何在div中嵌入videoplayer

1 个答案: