1

我有图像滑块代码,它在 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 中工作。

4

0 回答 0