jQuery Responsive仅适用于窗口大小调整

Question

为什么我在使用手机时会在页面加载时获胜？它只适用于调整大小。

var jQ = jQuery.noConflict();
jQ(document).ready(function($) {
  resizeController();
  jQ(window).resize(resizeController);
});

function resizeController() {
  var screenwidth = window.innerWidth;
  if (screenwidth <= 533) {
  jQ('.catalog-category-view .col-main .block-layered-nav').detach().appendTo(jQ('.footer'));

}

}

Answer 1

添加load()方法：

var jQ = jQuery.noConflict();
jQ(document).ready(function($) {
  resizeController();
  jQ(window).resize(resizeController);
  jQ(window).load(resizeController);//When loaded execute also the function
});