[英]reloading mobile page script responsive
在移動設備上,每次我向下滾動頁面時,如何解決?
(function($) {
$(document).ready(function() {
var ww = document.body.clientWidth;
$(function() {
if (ww > 769) {
console.log(ww);
$('.container_categories .swiper-container').removeClass().addClass('swiper-container-box');
$('.container_categories .swiper-wrapper').removeClass().addClass('swiper-wrapper-box');
$('.container_categories .swiper-slide').removeClass().addClass('swiper-slide-box');
$('.container_categories .swiper-wrapper div').removeAttr('style');
}
});
$(window).resize(function() {
var ww1 = document.body.clientWidth;
if (ww1 < 768) {
window.location.href = document.URL;
}
else {
$('.container_categories .swiper-container').removeClass().addClass('swiper-container-box');
$('.container_categories .swiper-wrapper').removeClass().addClass('swiper-wrapper-box');
$('.container_categories .swiper-slide').removeClass().addClass('swiper-slide-box');
$('.container_categories .swiper-wrapper div').removeAttr('style');
$('li').removeClass('open');
}
});
});
})(jQuery);
沒關系:
(function($) {
$(document).ready(function() {
//remove classes for responsive
var ww = document.body.clientWidth;
//to be there on page load(without resizing the browser, to get the responsive view)
$(function() {
if (ww > 769) {
//alert("size" + ww);
console.log(ww);
$('.container_categories .swiper-container').removeClass().addClass('swiper-container-box');
$('.container_categories .swiper-wrapper').removeClass().addClass('swiper-wrapper-box');
$('.container_categories .swiper-slide').removeClass().addClass('swiper-slide-box');
$('.container_categories .swiper-wrapper div').removeAttr('style');
}
});
$(window).resize(function() {
var ww1 = document.body.clientWidth; //to get the current width
if (ww1 < 768) else {
//removing not needed classes for responsive design
$('.container_categories .swiper-container').removeClass().addClass('swiper-container-box');
$('.container_categories .swiper-wrapper').removeClass().addClass('swiper-wrapper-box');
$('.container_categories .swiper-slide').removeClass().addClass('swiper-slide-box');
$('.container_categories .swiper-wrapper div').removeAttr('style');
$('li').removeClass('open');
}
});
});
})(jQuery);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.