窗口寬度大於769px時使用jquery追加和刪除元素

Question

當窗口寬度減小並擴大時，我正在嘗試與幻燈片放映的方式有所不同。 我在slideshows.html中有兩個幻燈片的html代碼。 幻燈片標記為：

<div class="slideshow-mobile">... </div>

<div class="slideshow-desktop">... </div>

當窗口寬度大於769px時，我想將位於slideshow.html中的“ .slideshow-desktop”附加到位於索引目錄中的“ #featured” div中。

當窗口寬度小於769px時，我想從現有的幻燈片顯示中刪除代碼“ .slideshow-desktop”，然后在#featured中附加“ .slideshow-mobile”。 換句話說，當窗口寬度小於769px時，我只想將'.slideshow-desktop'替換為'.slideshow-mobile'。

希望自此以后。 會有人知道，或有關於如何執行此操作的線索嗎？

Answer 1

我建議使用Adapt.js（ http://adapt.960.gs/ ），它具有一個回調函數，您可以在其中依賴於寬度來添加/刪除元素。