使用enquire.js克隆响应布局中的元素

Question

我正在进行响应性导航，将导航的一部分移动到移动和桌面之间的不同位置。

我使用enquire.js来注册我的断点，并根据页面宽度移动东西。

我正在克隆元素并将其附加到页面的另一个部分。

我面临的问题是，当我在移动视图和桌面视图之间切换时，元素每次都会被克隆--因此它们开始堆积在桌面视图中。

我不太熟悉enquire.js，所以元素只在不存在的情况下才克隆。

Answer 1

您可以在element length之前检查cloning，

if( !$('your-element').length ) // if element not exists then clone
{
    // your code to clone the element
}

如果您为提供了一些代码到test，或者创建了一个fiddle，那么我们就会更加清楚地知道您尝试了什么，以及您需要什么。