After a detailed search and Google search, I finally decided to ask my question.
There are only 4 pages in my JQM web application. 2 of them are dynamically populated through Ajax. I used
$.extend($.mobile, {
defaultPageTransition: 'none'
});
My dynamically populated function
$.get_detail= function(){
$.ajax({
url: "mypage.cfm",
data: data,
timeout:5000,
cache:false,
type:'GET',
dataType:"html",
success: function(data3) {
$("#filldiv").html(data3);
$.mobile.changePage('#detailpage');
},
error: function(statusCode, errorThrown)
{
if (statusCode.status == 0)
alert("you are offline");
else
alert("Please try again.");
}
});
}
When I change the page, the screen displays a white screen that looks like a fleece, but when there is no data filling the div, then there is no flicker. I noticed that if there is no change in screen size, everything will be fine, and if the screen is resized by filling in dynamic content, it will happen
Please help me solve this problem. Thanks you
source
share