Javascript 当用户单击
元素时更新Javascript 当用户单击,javascript,jquery,html,youtube,Javascript,Jquery,Html,Youtube,元素时更新? 我有HTML代码: <div id=ytVid> <iframe width="420" height="315" src="http://www.youtube.com/embed/5EdmHSTwmWY" frameborder="0" allowfullscreen></iframe> <script type="text/javascript" src="js/youtube.js"></script&g
?
我有HTML代码:
谢谢在您简化的JavaScript JSFIDLE副本中,您将字符串包装在括号中,这表示它们是数组。您也没有选择要包含的jQuery 这里有一个添加了上面的JS
删除警报/返回以使AJAX正常工作不建议单击项。尝试使用。虽然我看不到你的标签,那好吧。这是我的密码。这是Javascript文件的简化副本,但我不知道为什么它不能在fiddleHi中工作,谢谢你的回复。这是一个很好的回答!我已经在中添加了此代码,警报可以正常工作。一旦我删除它们,虽然它不会更新youtube视频。。。
<div id=ytVid>
<iframe width="420" height="315" src="http://www.youtube.com/embed/5EdmHSTwmWY" frameborder="0" allowfullscreen></iframe>
<script type="text/javascript" src="js/youtube.js"></script>
</div>
目前,我有一组由jQuery使用数组生成的段落
我希望发生的是,当用户单击其中一个生成的段落时,这将从youtube.js文件启动以下代码:
$(document).ready(function() {
function openLink(evt) {
var search = evt.target.innerHTML;
var keyword= encodeURIComponent(search);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response) {
if(response.data.items) {
$.each(response.data.items, function(i,data) {
var video_id=data.id;
var video_frame="<iframe width='420' height='236' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
$("#ytVid").html(video_frame);
});
} else {
$("#ytVid").html("<div id='no'>No Video</div>");
}
}
});
};
});
我不知道上面的代码是否正确,但它应该做的是尽可能地利用数组中的内容或段落中的内容在youtube上搜索视频以更新ytVid div
谢谢在您简化的JavaScript JSFIDLE副本中,您将字符串包装在括号中,这表示它们是数组。您也没有选择要包含的jQuery 这里有一个添加了上面的JS
删除警报/返回以使AJAX正常工作不建议单击项。尝试使用。虽然我看不到你的标签,那好吧。这是我的密码。这是Javascript文件的简化副本,但我不知道为什么它不能在fiddleHi中工作,谢谢你的回复。这是一个很好的回答!我已经在中添加了此代码,警报可以正常工作。一旦我删除它们,虽然它不会更新youtube视频。。。