Question

这个代码是假设的，当用户点击#thummbnails_div中的图像时，＃show_div中的文本将替换为具有该ID的YouTube视频。由于我是新来的，我无法发布图片。所以我知道插入图像的代码是不正确的。提前谢谢。

<script type="text/javascript"> $(document).ready(function(){$("#thumbnails_div img").click(function(){ var youtubeID=$(this).attr("id"); $("#show_div").empty(); $("#show_div").append("<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/+youtubeID+rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.come/v/"+youtubeID+"$rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>"); });  }); </script>       <divid="show_div">Click pic below to see video</ div> <div id="thumbnails_div"><image id="OrgSdZH_rkU" src="http://img.youtube.com/vi/OrgSdZH_rkU/default.jpg" /></div>

Answer 1

你的引用在jQuery append方法中是错误的，当你试图美化代码时它看起来像这样

$(document).ready(function () {
$("#thumbnails_div img").click(function () {
    var youtubeID = $(this).attr("id");
    $("#show_div").empty();
    $("#show_div").append("<object width="
    425 " height="
    355 "><param name="
    movie " value="
    http: //www.youtube.com/v/+youtubeID+rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.come/v/"+youtubeID+"$rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>"); });  });

您需要使用\来转义双引号，或者您应该使用单引号来包围字符串。 JavaScript 101。

尝试从库中动态加载视频

1 个答案: