2012-02-17 2 views
1

삭제 링크가있는 정렬되지 않은 목록이 있습니다. 링크가 클릭되면 AJAX 호출 트리거가 레코드를 삭제하고 목록에서 항목을 제거합니다. 내 AJAX 호출이 작동하지만 Firebug에서 동일한 호출을 두 번하고 있음을 알았다.AJAX 게시판 두 번

누구나 내가 뭘 잘못하고 있는지 알고 있니? 도움을 주셔서 미리 감사드립니다.

<UL> 
    <li id="10"> 
     Test action <a class="deleteAction" href="10">delete</a> 
    </li> 
    <li id="11"> 
     Test action <a class="deleteAction" href="11">delete</a> 
    </li> 
</UL> 

여기 내 스크립트입니다 : 나는 당신의 href가 될하기을 listitem를 일으키는 생각

$('.deleteAction').click(function(){ 
    var deleteActionID = $(this).attr("href"); 

    $.post(
     'cfc/test.cfc?method=deleteActionByID&returnformat=plain', 
     { id: deleteActionID }, 
     function(data){ 
      alert(data); 
     } 
    ); 
    return false 
}); 
+1

두 가지 요소가 있다면 두 번 요소를 두 번 연결하지 않았습니까? – Ktash

+0

이중 게시에 대해서는 잘 모르겠지만 이것을 $ ('. deleteAction')으로 변경해보십시오. on ('click', function() {...}); 요구. 또한 href 사용이 얼마나 광범위하게 승인되었는지도 모르겠습니다. data-id = "10"을 사용하고 $ (this) .attr ('data-id')를 참조하고 href를 void (0) 사용할 수 있습니까? 나는 그것이 결국 모든 속성이며 잘못된 retrun이 그것을 처리한다는 것을 알고 있지만, 이걸보기에는 너무 이상하다. 나는 그 누구도 그렇게 개인적으로 그렇게하는 것을 본 적이 없다. –

+0

href를 사용할 때 IE가 현재 위치를 앞에 붙이면 수정 될 것입니다. "http://www.somehost.so/deleteAction" – FreeCandies

답변

2

JQuery와 명령을 두 번째로 참여, 다시 "클릭"

여기 내 UL이다. 즉, listitem을 클릭하면 jquery와 href가 모두 활성화 된 다음 href가 listitem을 다시 "클릭"하여 jquery 스크립트에 다시 참여하게됩니다. 이 문제를 해결하려면이 href 사용을 변경해야 할 수도 있습니다.

+0

감사합니다. 대신 ID를 보유하는 href 대신 rel을 사용하여 정상적으로 작동했습니다. 제안 해 주셔서 감사합니다! – user752746

+0

이상한 ... FF 업데이트 후 같은 전화를 두 번 다시 받고 있습니다. – user752746

+0

제가 문제를 발견했다고 생각합니다. 휴대용 파이어 폭스를 사용하고 있는데 이것이 내 문제인 것 같습니다. 나는 문제없이 로컬 설치 Firefox에서 같은 스크립트를 테스트했다. – user752746