[英]XML file does't load when HTML5 video plays
我應該能夠加載相關的XML文件,並在視頻播放時顯示XML文件的內容。
我錯過了什么?
JAVSCRIPT
var XML_PATH = "http://www.adjustyourset.tv/interview/cuepoints.xml";
var cuepoints=new Array();
$(document).ready(function() {
loadXML();
});
function loadXML()
{
$.ajax({
type: "GET",
url: XML_PATH,
dataType: "xml",
success: function onXMLloaded(xml)
{
// set cuepoints
cuepoints=$(xml).find("cuepoints");
// loop for each cuepoint
$(xml).find('cuepoint').each(function loopingItems(value)
{
// create an object
var obj={
timeStamp:$(this).find("timeStamp").text(),
desc:$(this).find("desc").text(),
thumbLink:$(this).find("thumbLink").text(),
price:$(this).find("price").text()};
cuepoints.push(obj);
$("#mycustomscroll").append('<ul>');
$("#mycustomscroll").append('<li id="item"><strong>'+(value+1)+"</strong><br/><strong>Time Stamp: </strong>"+obj.timeStamp+'</li>');
});
// close </ul>
$("#mycustomscroll").append('</ul>');
// append li tags
$("#leftcolumn").append('<li src="'+cuepoints[0].desc+'"> <p src="'+cuepoints[0].thumbLink+'" /></li>');
$("#price").append(cuepoints[0].price);
}
});
}
什么都沒有調用init()
。
更改
function init() {
// call loadXML function
loadXML();
}
至
$(document).ready(function() {
loadXML();
});
好。 現在我理解了這個問題。 您可以從ajax請求中獲取xml,但是您無法正確解析它。
如果你擔心這段代碼
$(xml).find('cuepoint').each(function loopingItems(value)
{
// create an object
var obj={timeStamp:$(this).find("timeStamp").text(), desc:$(this).find("desc").text(), thumbLink:$(this).find("thumbLink").text(), price:$(this).find("price").text()};
cuepoints.push(obj);
// append <ul> and timeStamp
$("#mycustomscroll").append('<ul>');
$("#mycustomscroll").append('<a><li id="item"><strong>'+(value+1)+"</strong><br/><strong>Time Stamp: </strong>"+obj.timeStamp+'</li></a>');
});
然后我建議你使用this.getAttribute('timeStamp') or $(this).attr('timeStamp')
而不是$(this).find("timeStamp").text()
,你不會從這里得到任何東西因為這是屬性而不是元素。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.