jQueryは要素と空き領域を非表示にします
アミン・メサウディ
このコードを使用してチェックボックスのリストを表示しています：
<div class="col m12 s12">
<input id="search" type="text" autocomplete="off" placeholder="Compétence..." oninput="update();">
{% for keyword in keywords %}
<div class="col m4 s12">
<p class="range-field">
<input type="checkbox" id="{{loop.index}}" name="{{keyword.title}}" class="filled-in"/>
<label for="{{loop.index}}">{{keyword.title}}</label>
<input type="range" min="0" max="100"/>
</p>
</div>
{% endfor %}
</div>
検索を開始すると、テキストに一致する要素のみが表示され、他の要素は非表示になります
function update()
{
var res = $.trim($("#search").val());
if(res === "")
{
$("label").parent().show();
}
else
{
contains_selector = "label:isLike("+res+")"
$(contains_selector).parent().show();
not_contains_selector = "label:not(:isLike("+res+"))"
$(not_contains_selector).parent().hide();
}
}
問題は、要素が非表示になっている場合でも、ここに示すようにスペースをとることです。
remove（）と同じように、非表示にした後でスペースを完全に解放するにはどうすればよいか知りたいです。
可視性を非表示に変更しようとしましたが、それでも機能しません
フロントエンドにマテリアライズを使用しています
アレクサンダー
これは、ラベル（<p class="range-field">）の親を非表示にしようとしているが、非表示にする必要があるためです。<div class="col m4 s12">
これを試して：
$(contains_selector).closest(".col").show();
...
$(contains_selector).closest(".col").hide();
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ScrollMagic：固定された領域と重なるときにコンテンツを非表示にします
- 2
jQuery –本文領域をクリックするとメニュー/サイドバーを非表示にします
- 3
jQueryは、特定の領域にあるときにトグルdivが非表示にならないようにします
- 4
TabBarを非表示にした後、TabBarの後ろの領域に触れることはできません
- 5
左側の要素を空き領域に合わせて調整します
- 6
CSSグリッドは、間のすべての要素に残りの空き領域を使用します
- 7
CSSは、ウィンドウが縮小されたときに最初に空き領域を減らします
- 8
境界外のQGraphicsItemの領域を非表示にします
- 9
マウスが特定の領域に入った場合、mousemoveで要素を非表示にします
- 10
ImageViewは多くの空き領域を残します
- 11
jqueryを使用してdivタグ内のspan要素が空の場合は要素を非表示にします
- 12
ConstraintLayoutの要素間のすべての空き領域を取得します
- 13
動的リストは空の要素を非表示にします
- 14
SSRSレポートパラメータを使用して長方形を表示または非表示にすると、空白の領域が残ります
- 15
jqueryを使用して「this」と別の要素を非表示にします
- 16
入力した文字をJText領域に戻すことはできますか？
- 17
テキスト領域からの入力をHTMLとして表示し、HTML要素にIDを割り当てます
- 18
Firefoxはブラウザのコンテンツ領域を除くすべてを非表示にします
- 19
jQueryまたはCSSを使用して、カーソルが疑似要素の上にあるときに疑似要素を非表示にします
- 20
「はい」ラジオボタンをクリックしてテキスト領域を表示し、デフォルトで非表示のままにするか、「いいえ」ラジオボタンをクリックしたときに非表示のままにします
- 21
BorderPaneは、ウィンドウが最大化されるまで下部領域を非表示にします
- 22
非表示にした後に要素を表示するときに、JQueryの位置に情報がありません
- 23
JQueryはすべての要素を非表示にします
- 24
jqueryはdivの空のスパンを非表示にします
- 25
剣道円グラフは空の領域のみを表示します
- 26
剣道円グラフは空の領域のみを表示します
- 27
jQuery / javascriptはビデオ要素を非表示にします
- 28
PDFを画像に変換するときに強調表示された領域を削除しますか？
- 29
Linux LVMストライプは、リニアと同じ量の空き領域を提供しますか？
コメントを追加