자바 스크립트 클래스 검사

설명하기가 약간 힘들지만 최선을 다할 것입니다. 내가 링크자바 스크립트 클래스 검사

<li><a class="various fade " href="FOOTWEAR_SUB_PAGES/NIKE_SNOW.html"> <img src="MAIN_IMAGES/ZOOM_FORCE_2.jpg" border="0"/></a></li>     
<li><a class="various1 fade " href="FOOTWEAR_SUB_PAGES/MERCURIAL_SUPERFLY.html"><img src="MAIN_IMAGES/MERCURIAL_SUPERFLY-2.jpg" border="0" /></a></li> 
<li><a class="various2 fade " href="FOOTWEAR_SUB_PAGES/AIRMAX_MOTO.html"><img src="MAIN_IMAGES/AIRMX-2.jpg" border="0" /></a></li> 
<li><a class="various3 fade " href="FOOTWEAR_SUB_PAGES/le-coq-joakim-noah.html"><img src="MAIN_IMAGES/JOAKIM-NOAH-3.jpg" border="0" /></a></li> 
<li><a class="various4 fade " href="FOOTWEAR_SUB_PAGES/NIKE_BMX.html"><img src="MAIN_IMAGES/GYZIRO-3.jpg" border="0" /></a></li>

의 무리와 링크

<a class="ex1 various" href="FOOTWEAR_SUB_PAGES/NIKE_SNOW.html">ZOOM FORCE ONE ///</a>    
<a class="ex1 various1" href="FOOTWEAR_SUB_PAGES/MERCURIAL_SUPERFLY.html">MERCURIAL SUPERFLY ///</a> 
<a class="ex1 various2" href="FOOTWEAR_SUB_PAGES/AIRMAX_MOTO.html">AIRMX MOTO BOOT ///</a> 
<a class="ex1 various3" href="FOOTWEAR_SUB_PAGES/le-coq-joakim-noah.html">JOAKIM NOAH ///</a> 
<a class="ex1 various4" href="FOOTWEAR_SUB_PAGES/NIKE_BMX.html">DUNK GYRIZO</a>

지금 누군가가이라고 JS 이러한 링크를 클릭 할 때

의 또 다른 세트가있다.

$(document).ready(function() { 

$("ul#gallery li a").each(function (i, item) {   
    var url = $(item).attr("href");   
    var links = $("a.ex1.various");    
    var link = $(links.parent().find("a[href='" + url + "']"));    
    var redclass = "showing-in-gallery";   
    var gallery = $("#gallery");   
    var scroll = function() { 

     link.addClass(redclass);    
     gallery.animate({ left: -1 * $(item).position().left }, 1500);   
     gallery.css("width", gallery.width() + 640 + "px");    
     $(item).parent().after('<li id="gallery_spacer" style="width: 640px;"></li>'); 

       imageIndex = $(".ex1").index($(this));    
       imageIndex = $(".fade").index($(this)); 


     setGalleryLinks(); 

    }; 

    $(this).bind("click", scroll);  
    link.bind("click", scroll); 
});

.ex1 또는 .fade가 클릭되었는지 어떻게 확인할 수 있습니까? 나는이에 일 지출했습니다 보호기 같은

if (ex1 clicked){ 
     imageIndex = $(".ex1").index($(this));} 
    if (fade clicked){   
     imageIndex = $(".fade").index($(this));}

으로 어떤 도움 삶을 것이다.

출처

2012-12-29 gVidal

가 jQuery를 hasClass 방법을 사용합니다.

http://api.jquery.com/hasClass/

if($(this).hasClass('ex1')) 
    // An ex1 link was clicked 
else if($(this).hasClass('fade') 
    // A fade link was clicked 
else 
    // An unknown link was clicked

출처

2012-12-29 20:15:03

가 soooo를 많이 감사합니다! 너는 내 목숨을 구했어 – gVidal

언제든지 친구, 우리 모두 가끔 도움이 필요해. 내 프로필을 체크 아웃하고 다른 것들이 필요하면 나를 찾아보십시오. –

사용이 :

if ($(e.target).hasClass('fade')) 
    // something 
else 
    // something else

이 scroll 함수에 이벤트 매개 변수를 추가 :

var scroll = function (e) {

출처

2012-12-29 20:14:00 gdoron

당신은 이벤트의 대상을 사용 :

$('.ex,.fade').on('click', function(e) { 
    var target = $(e.target); 

    // do sth with target 
});

출처

2012-12-29 20:16:20 asgoth

자바 스크립트 클래스 검사

답변

관련 문제