试图从图库中动态加载视频

此代码假设要做的是当用户单击#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>

来源

2010-11-01 Xboy

现在会发生什么？ – Shoban 2010-11-01 01:59:48

你的报价都在jQuery的追加方法错了，它看起来像这样，当您试图美化代码

$(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.

来源

2010-11-01 02:50:12 epascarello

试图从图库中动态加载视频

回答

相关问题