jquery anchor가 작동하지 않음

Question

경고가 작동하지 않는 이유를 누구든지 볼 수 있습니까? http://api.jquery.com/live/ :

<table class="result-table pending-accept"> 
    <thead class="bottom-align"> 
     <tr> 
      <th>Code</th> 
      <th>Source</th> 
      <th>Last Transmitted</th> 
      <th>Last Staged</th>    
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var trans in processItems) 
     { 
      <tr> 
       <td class="autosize"><div>@trans.Code</div></td> 
       <td class="autosize"><div>@trans.Description</div></td> 
       <td class="autosize"><div>@(trans.HasBeenLoadedToVault ? trans.VaultLoadDt.ToString() : "")</div></td> 
       <td class="autosize"><div>@trans.StageLoadDt</div></td> @*     <td class="autosize"><div><a href="@Url.Action("Accept", new { id = trans.Id,loadSource = trans.LoadSource})" class="button grid-sized">Accept</a></div></td>*@ 
       <td class="autosize"><div><a href="#" data-id="@trans.Id" data-loadSource="@trans.LoadSource" class="button grid-sized acceptButton">Accept</a></div></td> 
      </tr> 
     } 
    </tbody> 
</table> 



<script type="text/javascript"> 
    $(document).ready(function() { 



      $(".pending-accept a").live('click',function (e) { 
       e.preventDefault(); 
       alert('Clicked!'); 
       return false; 

      }); 



    }); 

</script> 

---

편집 이것은 jQuery를에 라이브 기능이 지원되지 않습니다

 $(document).on('click', '.pending-accept a', function (e) { 
      e.preventDefault(); 
      alert('Clicked!'); 
      return false; 
     }); 

Answer 1

을 일했다. live() 함수를 사용하는 대신 on()을 사용하십시오.

Answer 2

버전 1.7 이후, .live()이 사용되지 않습니다 ..

Answer 3

나는 이것이 중단 문제입니다 의심한다. 내가 볼 수 있듯이 pending-accept 클래스에는 요소 자식이 모두 a이므로 요소가 없으므로 선택기 .pending-accept a이 실패합니다.

Answer 4

최신 버전의 jQuery 또는 1.7 이상 버전을 사용하는 경우 경고 상자가 제대로 작동하려면 live() 대신 on()을 사용하십시오.

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".pending-accept a").on("click", function(e) { 
     e.preventDefault(); 
     alert('Clicked!'); 
     return false; 
    }); 
}); 
</script>