javascript - Unite Gallery如何在调整大小时将网格位置从右到下更改？

Question

我有这个画廊unite gallery .

当窗口小于768像素时，我需要将网格位置从右到下更改

$(window).on('resize load', function () {
  let w = window.innerWidth;

  if(w <= 768){
    jQuery("#gallery").unitegallery({
      gallery_theme: "grid",
      theme_panel_position: "bottom"
    });
  }   else if(w > 768) {
    jQuery("#gallery").unitegallery({
      gallery_theme: "grid",
      theme_panel_position: "right"
    });
  }

但是此代码仅在窗口 onload 不在 onresize 中时更改

Answer 1

我用我的本地设置检查了你的代码，它工作正常。现在你需要检查 JS 插件 unitegallery 最后是否返回 JS 对象。如果是这样，那么只有我们可以将进一步的 jquery 绑定(bind)到该元素。

您还可以尝试获取元素对象并将其存储在这样的变量中，

var gallary = $('#gallery');
$(window).on('resize load', function () {
  let w = window.innerWidth;

  if(w <= 768){
    gallery.unitegallery({    // Notice the change here.
      gallery_theme: "grid",
      theme_panel_position: "bottom"
    });
  }   else if(w > 768) {
    gallery.unitegallery({    // Notice the change here.
      gallery_theme: "grid",
      theme_panel_position: "right"
    });
  }
});