javascript - 使用 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我们会更清楚您尝试了什么以及您需要什么。