javascript - 如何根据页面宽度条件删除()和撤消删除()？我不需要隐藏或切换

Question

我正在使用 select2，它接受 rails 实例变量。由于设计布局，我不能只按比例缩小原来的 select2 输入。我必须创建另一个。

问题:包含 select2 逻辑的 Rails 部分干扰了我需要的移动 select2 功能逻辑。因此，它需要不存在，而不是简单地隐藏 (display: none) 等。

我能够通过在原始部分上使用 remove() 来让手机工作，但我怎样才能把它取回来。也许有页宽条件的东西，但我不确定它是如何工作的。

这是我需要删除的元素/渲染器，然后将其“取消删除”:(haml 标记)

.divider-row
.row-border.vOne
   #vCompare
      = render 'compare', :categories => @categories, :v_friends => @v_friends

我的JS:

 if (screen.width < 760){
      $('#vCompare').remove();
    }

当屏幕尺寸超过 760 时，我该如何取回这些信息？附加？

---

我正在尝试使用 detach 和 appendTo()，正如下面一些人所建议的:

$('.compare-searchM').on('change', function () {
        $('#vCompare').detach();
      })



$(window).resize(function() {
      $('#vCompare').appendTo($('#vAppend'));

      sizing();
    });

haml/标记:

.row-border
#vAppend
#vCompare
  = render 'compare', :categories => @categories,

分离工作正常，但我一定不理解 appendto() 的某些东西

Answer 1

您可以使用 .detach() 而不是使用 .remove() 并将 jquery 对象存储在其他变量中，例如

$vCompare = $('#vCompare').detach();

在您的媒体查询中，稍后您可以根据您的媒体查询使用它。更多信息请查看 .detach() | jQuery .希望这对您有所帮助。