jQueryの可視表示

私は、次のコードを持っている：私はそれが動作CSSを使用したときに私には未知のいくつかの理由についてjQueryの可視表示

$('#loading').css("visibility", "visible"); 

$('#loading').show();

を！

しかし、私が.show（）を使用すると、

動作しません。親切にお手伝いください。私はJQueryを初めて使用しています。

ありがとうございます。

編集：

<div class="footerOrder" id="loading" style="display:block;">

その後：

$('#loading').hide();

そして、まだいくつかの理由でノー行く

<div class="footerOrder" id="loading" style="visibility:visible;"> 
     <img src="../utils/loadingExistenz.gif" width="32" height="32" border="0" /> 
</div>

はこれを試してみました！

編集：奇妙なことは他のすべてのDIVのために働いていることです！

出典

2012-03-17 iTEgg

使用display:none;は

これは私

$(function(){ 

    $("#aLink2").click(function(){ 
     $('#loading').show(); 
    }); 

});

ワーキングサンプルのために正常に動作します：http://jsfiddle.net/HShHg/6/

出典

2012-03-17 21:36:10 Shyju

あなたのサンプルを見て、それは動作していますが、私はそれを私のページで動作させることができません。あなたはクラスと同時にIDを持っていると考えていますか？ – iTEgg

要素のIDは一意である必要があります。 Firebugコンソールタブ – Shyju

@iを使用して、他のスクリプトエラーが存在するかどうかを確認してください。いいえ、それはできません！あなたは 'visibility：hidden'を要素に持っていますか？どうやってそれを隠しましたか？ – gdoron

jQueryの.show()および.hide()は、visibilityプロパティではなく、CSS displayプロパティでのみ動作します。私はjQuery 1.7のソースコードをチェックして、それが正しいかどうかを確認しました。

したがって、.css('display', 'none')は.show()と一致します。

あなたが可視性を変更したい場合は、あなただけの直接CSSを変更したり、あなたのためにそれを行うには、独自のhideV()とshowV()方法になるだろう：

jQuery.fn.showV = function() { 
    this.css('visibility', 'visible'); 
} 

jQuery.fn.hideV = function() { 
    this.css('visibility', 'hidden'); 
}

出典

2012-03-17 21:33:44 jfriend00

を持つことが必要ですレイアウト。 – gdoron

これは正しい答えです。 – candlejack

ドキュメントによると：

.show() This is roughly equivalent to calling .css('display', 'block')

visibilityと混乱しても、それはあなたを助けません。

何をすべきことは、常に.css('display', 'none')または.hide()

で隠している私はちょうどこの便利なdocsを見つけた：や不透明度を隠さ：0 視認性

要素をは、まだレイアウト内のスペースを消費しているので、と見なされます。代わりに、視認性の

出典

2012-03-17 21:34:54 gdoron

私は示すこと.css("visibility", "visible");を使用し、その要素にvisibility: hidden;を入れてに固執うそれはまだページ上のスペースを占めるからです。

これは、ロード中の不安定なページと目に見えないコンテンツの恐ろしいFlash（FOUC）を避けることができます。 `**可視性を持つ要素：隠された**または不透明度：彼らはまだでスペースを消費するので0が、見えるように考えられている

出典

2017-02-02 08:00:14 sanjsanj

jQueryの.show()はdisplay:none CSSプロパティこのドキュメントで見つかり

出典

2017-02-02 08:02:37 Hemal

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('div#sidebar-collapses').click(function(){ 
    if ($("#title").is(":hidden")) { 
    $("#title").show(); 
    } else if ($("#title").is(":visible")) { 
    $("#title").hide(); 
    } 
}) 

}); 
</script> 
</head> 
<body> 
<div class="sidebar-collapse" style="" id="sidebar-collapses"> 
    <a href="#" class="sidebar-collapse-icon with-animation"> 
     Test    
     <i class="menu"></i> 
    </a> 
</div> 
<a href="mysite_url" id="title" style="display:none;"> <br> My Site Name </a> 

</body> 
</html>

出典

2017-05-20 13:34:53

jQueryの可視表示

答えて

関連する問題