/******************************************** *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'); } });