2016-05-02 4 views
1

現在、すべてのアンカー( 'a')をターゲットにしていますが、フェードからクラス(.noFade)で特定のアンカーをどのように正確に除外しているのかは、でる。クラスで特定のアンカーを除くすべてのアンカーをフェードする

JS:事前に

$(document).ready(function(){ 
    // to fade in on page load 
    $("body").css("display", "none"); 
    $("body").fadeIn(400); 

    // to fade out before redirect 
    $('a').click(function(e){ 
     redirect = $(this).attr('href'); 
     e.preventDefault(); 

     $('body').fadeOut(400, function(){ 
      document.location.href = redirect 
     }); 
    }); 
}) 

ありがとう! 更新:ありがとうございました。これらの回答はすべて正しく、機能しています。

+0

'$。( ':ありません(.noFade)')click'? –

+0

はい、実際には私が必要としていたものです。何らかの理由でif文を考えていました... – user1227080

答えて

0

あなたは:notセレクタを使用することができます。


$('a:not(".noFade")').click(function(){ 
 
    alert("targeted"); 
 
})
a{ 
 
    color: green; 
 
    
 
} 
 

 
a.noFade{ 
 
    color: red; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">1</a> 
 
<a href="#" class="noFade">2</a> 
 
<a href="#">3</a> 
 
<a href="#">4</a> 
 
<a href="#" class="noFade">5</a>

0

は、私はあなたが:not()を探していると思う:これは役立ちます

$('a:not(".noFade")') //All anchors that has no class noFade 

希望:https://api.jquery.com/not-selector/

$('a:not(.noFade)').click(function(e){ 
    redirect = $(this).attr('href'); 
    e.preventDefault(); 
    $('body').fadeOut(400, function(){ 
     document.location.href = redirect 
    }); 
    }); 
}) 
関連する問題