2017-02-15 7 views
1

私は、ブラウザのウィンドウ幅をチェックする関数を作成しました。また、要素内の<br>タグを削除するために指定された幅よりも小さい場合は作成しました。しかし、ウィンドウの幅が指定された幅を超えた場合、<br>タグを要素(文字列の真ん中の全く同じ位置)に再挿入します。前のjQuery関数を逆/取り消しますか?

ここに私のコードは、これまでのところです:

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

ことは可能であることにより、それがあった場所に戻って<br>要素を追加し、removeBreak機能をキャンセルまたは反転「他」の文を追加するためにサイズ変更機能を変更しますもともと?

+0

使用deattachを照会し、添付し、より効率的にこれを行うことができますなぜなら、これは再び挿入することができるからです。 –

答えて

2

ただ非表示にして表示します。それらが隠されている場合は

彼らは任意のスペースを取らず、ラインが

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

を破ることはありませんまた、CSSメディアを使用して

+0

ありがとうございましたcharlietftl-あなたの例は私が後にしたものですが、あなたはcssメディアクエリがより効率的だと言っても間違いありません。私はそのオプションを考慮していないし、それを行うでしょう。 –

関連する問題