jQuery 响应式仅适用于 window 调整大小

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
});