Javascript imageslider在chrome中工作,但在mozilla中只有在打印一些警告消息后才能工作
我有图像滑块代码,它可以在chrome和其他浏览器上正常工作,但在mozilla上不工作。在页面加载时,如果我打印alert(),则只有它在mozilla中工作。我正在从xml文件中读取图像详细信息。可能是与警报在后面它有时间加载所有的图像细节Javascript imageslider在chrome中工作,但在mozilla中只有在打印一些警告消息后才能工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有图像滑块代码,它可以在chrome和其他浏览器上正常工作,但在mozilla上不工作。在页面加载时,如果我打印alert(),则只有它在mozilla中工作。我正在从xml文件中读取图像详细信息。可能是与警报在后面它有时间加载所有的图像细节 $(document).ready(function () { getData(); alert('START'); }); GetData函数:: function getData(){ $.get('photos.xml'
$(document).ready(function () {
getData();
alert('START');
});
GetData函数::
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);
});
});
}
函数getData(){code>
$.get('photos.xml',函数(xml){
$('item',xml).each(函数(k){
frontimg.push($(this.find('frontimg').text());
stripimg.push($(this.find('stripimg').text());
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(“+fTitle[k]+”+“+fCity[k]+”竣工年份“+fYear[k]+”
位置“+fLoc[k]+”
物业类型“+fType[k]+”
枫树类型“+fRole[k]); $('#myImageFlow')。追加(''+frontDiv[k]+''); }); $('font',xml).each(函数(k){ var fontSize=$(this.find('size').text(); var fontFamily=$(this.find('family').text(); var fontColor=$(this.find('color').text(); $(“.frontText”).css(“字体系列”,字体系列); $(“.frontText”).css(“字体大小”,字体大小); $(“.frontText”).css(“颜色”,fontColor); }); $('label',xml).each(函数(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(); //警报(“标签位置为=“+tpos”); }); }); }
如果我可以在div中打印一些welcome,以便在mozilla中工作,是否有任何建议。您是否可以添加getData()函数?同意,查看getData函数会很有用。如果您的图像是
img
元素,是否设置了宽度
和高度
属性?@HUDDS getData功能已添加…请检查如果包含显示问题的示例链接,则可以提高获得答案的几率。或者,在/上创建演示。