jQuery - soundmanager2 각 트랙마다 다른 이미지 표시

Question

soundmanager2 jquery 플러그인을 사용하고 있으며 각 트랙마다 다른 이미지를 표시하고 싶습니다. 그러나 그것은 각 트랙에 대해서만 동일한 이미지를 보여줍니다. (track1.jpg)

HTML :

<div class="ui360"><a href="audio/track1.m4a" data-src="track1.jpg">Track 1</a></div> 
<div class="ui360"><a href="audio/track2.m4a" data-src="track2.jpg">Track 2</a></div> 
<img src="img/cover.jpg" id="track-img"> 

jQuery 코드 : 당신은 항상 시도를 track1.jpg됩니다 클래스 ui360와 사업부의 첫 번째 이미지를 요청

$('.ui360 a').on('click', function(){ 
    $("#track-img").attr("src", $(".ui360 a").attr("data-src")); 
}); 

Answer 1

예 :

(코드는 테스트하지 않음)

$('.ui360 a').on('click', function(item){ 
    $("#track-img").attr("src", item.attr("src")); 
}); 

Answer 2

$(this), .data()로 시도해보십시오

$('.ui360 a').on('click', function(){ 
    $("#track-img").attr("src", $(this).data("src")); 
}); 

가 바인드 .ui360 요소에서 사용할 수있는 앵커에 click 이벤트가 다음 $(this).data("src")의 사용으로 #track-img의 SRC를 변경합니다. 선택자의 컨텍스트에서 실행됩니다. 대상 이미지의 src 특성을 변경합니다.