反轉/取消以前的jQuery功能？

我創建了一個函數，用於檢查瀏覽器的窗口寬度，如果它低於指定的寬度以刪除元素中的<br>標記。但是，如果窗口寬度超過指定的寬度，我希望<br>標記重新插入到元素中（在完全相同的位置，在字符串的中間）。反轉/取消以前的jQuery功能？

這裏是我到目前爲止的代碼：

function removeBreak { 
    $('.content h4 br').each(function() { 
     $(this).remove(); 
    } 
} 
$windowWidth = $(window).width(); 
$(window).on("load resize", function() { 
    if ($windowWidth <= 940) { 
     removeBreak(); 
    } 
});

是否有可能修改調整大小功能添加一個「其他」聲明，取消或反轉removeBreak功能，從而增加了<br>元素回到它是哪裏本來？

來源

2017-02-15 Myles Malloy

使用deattach並附，因爲這將能夠再次插入，它的？ –

只需隱藏並顯示它們。

當他們是隱藏的，他們不佔用任何空間，也不會導致線路斷裂

$(window).on("load resize", function() { 
    var $windowWidth = $(window).width(); 
    $('.content h4 br').toggle($windowWidth > 940);  
});

你也可以做到這一點更有效地利用CSS媒體查詢

來源

2017-02-15 19:12:06 charlietfl

非常感謝charlietftl-你的例子就是我以前的樣子，但你說css媒體查詢更高效是正確的。我沒有考慮過這個選擇，並會這樣做。 –

反轉/取消以前的jQuery功能？

回答

相關問題