/********************************************
*vie_height :標籤顯示高度
*vie_width :標籤顯示寬度
*body_height :資料高度
*loading_box :載入資料的標籤
*loading_distance :scroll剩餘高度載入
*page_num :載入及筆資料
*url :ajax位置
*data :ajax資料
***********************************************/
jQuery.fn.extend ({
Scroll_Data: function(option){
this.each(function(){
var settings = {loading_box : "#orders_box #show_data",
loading_distance : 100,
page_num : 10,
url : "",
data : ""
};
$.extend(settings, option);
var $this_ = $(this);
var detmp = 0;
$("body").prepend('');
$this_.scroll(function(){
var vie_height = document.documentElement.clientHeight ;
var vie_width = document.documentElement.clientWidth ;
var body_height = $(document).height() ;
if( vie_height + $(this).scrollTop() > body_height - settings.loading_distance && detmp == 0 ){//修改100的值就好,scroll距離底部的距離
//這邊執行ajax 把要載入的資料串成字串
//$(settings.loading_box).after("");
//return false;
detmp = 1 ;
$.ajax({
url: settings.url,
type: "POST",
data: settings.data+"&page="+$("#page").val(),
dataType:"html" ,
async:true,
error:function(d){
alert('網路連線過慢，網頁請重新整理');
},
success:function(h){
if( h.length > 0 ){
$(settings.loading_box).append( h );
$("#page").val(parseInt($("#page").val())+1);
detmp = 0 ;
}else{
detmp = 99 ;
}
}
});
}
});
$.fn.Scroll_Data.destroy = function(){
settings.loading_distance = -1;
}
});
}
});