2012-02-15 13 views
0

を持っている場合、私持って次のマークアップ:アニメーションのdiv内親doesntのは、Xクラス、jQueryの

<li id="fragment-3" class="slides virtualsation ui-tabs-panel" style=""> 
    <h1>Virtualisation</h1> 
    <p>By implementing virtualisation into Halton Borough Council Cetus Solutions managed to save them over £250,000 in annual expenditure.</p> 
    <div class="animation"> 
    <div class="big-server" style="display: block;"><img src="_includes/images/sliders/big-server.png"></div> 
    <div class="arrow" style="display: block;"><img src="_includes/images/sliders/arrow.png"></div> 
    <div class="small-server-one" style="display: block;"><img src="_includes/images/sliders/small-server.png"></div> 
    <div class="small-server-two" style="display: block;"><img src="_includes/images/sliders/small-server.png"></div> 
    <div class="small-desktop" style="display: block;"><img src="_includes/images/sliders/small-desktop.png"></div> 
    </div> 
</li> 

子要素のすべてのフェードイン:

$('.big-server').fadeIn(100); 
$('.arrow').fadeIn(450); 
$('.small-server-one').fadeIn(700); 
$('.small-server-two').fadeIn(800); 
$('.small-desktop').fadeIn(2000); 

親LI(idを持つ「断片-3 'はスライドショーの一部であり、アクティブになると' ui-tabs-hide 'クラスが削除されます。

divでのフェーディングの親LIがis notになるように関数を書く必要があります-tabs-functioを隠すnが実行され、要素がフェードインします。これは意味がありますか?どんな助けでも大歓迎です!

+0

クラスがあるかどうかを確認する方法を知っているだけでいいですか、クラスを削除したときに何らかのイベントを呼び出そうとしていますか? – crush

答えて

2

.closest()を使用できます。例:

if(!$("div.animation").closest(".ui-tabs-hide").length) { 
    // parent is not .ul-tabs-hide  
} 
0
if(!$('#fragment-3').hasClass('ui-tabs-hide')) 
{ 
    // Do Your Work 
} 
0

使用.closest().hasClass()

if (!$fadingInDiv.closest("li").hasClass("ui-tabs-hide")) { 
    ... 
} 

それとも、あなたが.is()を使用することができます。

if (!$fadingInDiv.is(".ui-tabs-hide *")) { 
    ... 
} 

あなたはオプションを持っています。

関連する問題