목록의 ONE 버튼/엄지 비활성화

Question

나는 비디오 배열과 그 배열에 해당하는 엄지 손가락 목록을 가지고 있습니다. 단추 중 하나를 클릭하면 비디오 기간 동안 비활성화해야합니다. 수, ID가 각각 다른 존재와

<li rel='1' id="first"> 
    <div style="top:0px;"> 
     <img src="graphics/filler.png" alt="" width="280" height="128" /> 
    </div> 
</li> 

: 나는 목록의 각 항목은 다음과 같이 설정되어있는 경우 첫 번째 클릭 후, 그것은 전체 목록을

$('li', '.thumbs').on('touchend click', function() { 
    $("#myVid").on("loadeddata", function() { 
     $("#bigPic").addClass("move"); 
     $("#MyT").fadeOut(750); 
    }); 
    playVideo2($(this).index()); 
    $('li', '.thumbs').unbind(); 
}); 

를 비활성화하도록 그것을 가지고 방금 .thumbs 대신 id을 넣었으며 unbind 또는 off을 가지고 있습니까? 나는 이것이 비효율적이어야한다는 것을 알고 있지만, 어떻게해야할지 모르겠습니다. 어떻게 든 this()을 사용합니까? 그렇다면 은 어떻게일까요?

Answer 1

글로벌 변수를 사용하여 어떤 비디오가 재생 중인지 확인할 수 있습니다.

//init 
var currentlyPlaying = undefined; 

이벤트 처리 부분 내에서이 변수를 클릭 한 버튼의 ID로 설정합니다.

currentlyPlaying = $(this).attr('id'); 

이 설정을 사용하면 스크립트에서 작업하기 전에 변수를 확인할 수 있습니다.

if (!(currentlyPlaying == $(this).attr('id'))) { 
    // your script 
} 

또는 ID를 사용하여 제안한대로 바인딩 해제 할 수 있습니다.

$('li', '.thumbs #' + $(this).attr('id')).unbind();