/********************************************
*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,
success:function(h){
if( h.length > 0 ){
$(settings.loading_box).append( h );
$("#page").val(parseInt($("#page").val())+1);
detmp = 0 ;
if(typeof settings.callback === 'function'){
settings.callback()
}
}else{
detmp = 99 ;
}
}
});
}
});
$.fn.Scroll_Data.destroy = function(){
settings.loading_distance = -1;
}
});
}
});
//跳窗開關
$("body").on('click', '.open-modal', function (e) {
e.preventDefault();
var type = $(this).data('target');
switch(type)
{
case "#socialShare":
$("#Share_Box").html($(this).parents('.outer-item').find('.Share_Content').html());
break;
case "#pdlist-addToCart":
$("#Spec_Box").html($(this).parents('.outer-item').find('.Spec_Content').html());
break;
}
if(type !== '#stockCheck') {
$('.modal-layer').removeClass('in-active');
}
$(type).addClass('in-active');
});
//跳窗關閉按鈕
$('.modal-layer').on('click','.modal-closer, .add_to_cart',function(e){
const $parent = $(this).parents('.modal-layer')
$parent.removeClass('in-active');
if($parent.attr('id') === 'productDetail') {
$parent.find('.modal-title, .modal-content').empty()
}
});
//跳窗外側關閉
$('.modal-layer').on('click',function(e){
if (e.target === e.currentTarget && !$(e.target).hasClass("close-disabled")) {
$(this).removeClass('in-active');
}
});