2

私は2つのdivを持っています:div"#Stage"はdisplay="block"であり、時々 "display:none"です。これに応じて、2番目のdiv "#case"が表示されます。デフォルトは、display="none"です。

だから私はこれらの2つの方法を試しました:

if ($('#Stage').css('display') == 'none') {
    $('#case').css('display','block')
} // added display:none; to my css file at #case

if ($('#Stage').css('display') == 'none'){
    $('#case').show()
} else if ($('#Stage').css('display') != 'none'){
    $('#case').hide()
}

ただし、これらの方法はどちらも機能しません。つまり、#case divは常にdisplay:noneです。誰かがそれを解決する方法を知っていますか?

ありがとう

4

3 に答える 3

7

:visibleを使用して、要素が表示されているかどうかを確認し、show()およびhide()メソッドを使用します。

if ($('#Stage').is(':visible'))    
    $('#case').show();    
else
    $('#case').hide();

また

if ($('#Stage:visible').length)    
    $('#case').show();    
else
    $('#case').hide();
于 2013-02-11T09:28:25.307 に答える
0

display:noneCSSファイルで使用している可能性があり、優先されます。インラインで実行し#caseて、それが機能するかどうかを確認してください。

于 2013-02-11T09:28:16.887 に答える
0

ご協力いただきありがとうございます。私の2つのソリューションとAdilの最初のソリューションは機能していました。これは、Adobe Edge - edgeActions.js との順序の競合でした。

于 2013-02-12T07:55:44.723 に答える