我有图像滑块代码,它在 chrome 和其他浏览器上运行良好,但在 mozilla 上运行不正常。如果我打印 alert(),则在页面加载时只能在 mozilla 上运行。我正在从 xml 文件中读取图像详细信息。可能在后面有警报,它有时间加载所有图像细节。
$(document).ready(function () {
getData();
alert('START');
});
获取数据函数 :::
function getData(){
$.get('photos.xml', function(xml) {
$('item', xml).each(function (k) {
frontimg.push($(this).find('frontImg').text());
stripimg.push($(this).find('stripImg').text());
frontText.push($(this).find('frontTxt').text());
fTitle.push($(this).find('title').text());
fCity.push($(this).find('city').text());
fYear.push($(this).find('compYear').text());
fLoc.push($(this).find('loc').text());
fType.push($(this).find('type').text());
fRole.push($(this).find('role').text());
arrBackImg.push($(this).find('backImg').text());
backText.push($(this).find('backTxt').text());
frontDiv.push("<h2>"+fTitle[k]+"</h2>"+ "<h3>"+fCity[k]+"</h3><hr><h4>YEAR OF COMPLETION</h4>"+fYear[k]+"<hr><h4>LOCATION</h4>"+fLoc[k]+"<hr><h4>PROPERTY TYPE</h4>"+fType[k]+"<hr><h4>MAPLETREE'S TYPE</h4>"+fRole[k]);
$('#myImageFlow').append('<div id="id'+k+'" alt="div'+k+'" class="sliderImage" width="280" height="425" style="visibility:hidden"> <div class="frontText" id="f'+k+'">'+frontDiv[k]+'</div><div class="borderdiv" id="b'+k+'"></div><div class="borderdiv1" id="b'+k+'"></div><div class="reflection" id="ref'+k+'"></div> </div>');
});
$('font', xml).each(function (k) {
var fontSize = $(this).find('size').text();
var fontFamily = $(this).find('family').text();
var fontColor = $(this).find('color').text();
$(".frontText").css("font-family",fontFamily);
$(".frontText").css("font-size",fontSize);
$(".frontText").css("color",fontColor);
});
$('label', xml).each(function (k) {
fSize = $(this).find('fsize').text();
fFamily = $(this).find('ffamily').text();
fColor = $(this).find('fcolor').text();
fpos=$(this).find('fpos').text();
ftext=$(this).find('ftext').text();
spos=$(this).find('spos').text();
stext=$(this).find('stext').text();
tpos=$(this).find('tpos').text();
ttext=$(this).find('ttext').text();
totalimages=$(this).find('totalimages').text();
//alert("label pos is ="+tpos);
});
});
}
任何建议如果我可以在 div 中对警报框 aur 进行样式化打印一些欢迎,以便它可以在 mozilla 中工作。