클릭 기능은 중계기의 첫 번째 항목에서만 작동합니다. 이유가 무엇입니까?

Question

여기

내 마크 업입니다 :

이

function mobileTickets(e, ui) {  
     var ivaId = $(this).attr("data-ivaid"); 
     var theatre = Regal.userPrimaryTheatre; 
     var movietDt = new Date(); 

     window.open("http://www.fandango.com/redirect.aspx?&a=12878&dte=0&mid=" + ivaId + "&tid=" + theatre , "_blank"); 

    } 

이 내 중계기의 첫 번째 데이터 요소에 대해서만 작동합니다 : 여기

<a href="#" id="buyMobileTickets" class="btn blue" data-ivaid="<%# ((MovieModel)Container.DataItem).FID %>">Buy Ticket(s)</a> 

가 documentReady에서 JQuery와있다

여기

$(document).ready(function() { 
$("#buyMobileTickets").on("click", mobileTickets); 
}); 

내 기능입니다 , 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

HTML에 동일한 ID를 가진 요소가 없어야합니다. 문서에는 특정 ID가있는 요소가 항상 하나만있을 수 있습니다. jQuery를 함께

<a href="#" class="buyMobileTickets btn blue" ...>Buy Ticket(s)</a> 

다음 클래스 선택 :

당신은 대신 클래스를 사용해야합니다

$(".buyMobileTickets").on("click", mobileTickets);