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绑定到该元素。

您也可以尝试通过获取element对象并将其存储在这样的变量中，

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