2012-02-17 12 views
1

私は削除リンクを持つ順序のないリストを持っています。リンクがクリックされるとAJAX呼び出しトリガーがレコードを削除し、リストから項目を削除します。私のAJAXコールは機能しますが、Firebugでは同じコールを2回行っていることに気付きました。AJAX投稿を2回

誰かが私がここで間違っていることを知っていますか?事前にお手伝いいただきありがとうございます!ここで

は私のULです:

<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> 

ここに私のスクリプトです:

$('.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

2つの要素がある場合は、その要素を2回貼り付けていないことを確認してください。 – Ktash

+0

ダブル投稿についてはわかりませんが、これを$( '。deleteAction')に変更してみてください。on( 'click'、function(){...});コール。また、hrefのこの使用がどれくらい広く承認されているかわかりません。たぶん、データID = "10"を使用し、$(this).attr( 'data-id')を参照し、hrefを無効にしますか?私はそれが終わりのすべての属性であることを知っています、そして、偽のretrunがそれを処理する、しかし、それはこのようにそれを見るためにちょうど変です。私は誰もそれを個人的にそのように見たことはありません。 –

+0

hrefを使用する場合、IEが現在の場所を前に付けることによって変更されることに注意してください。 "http://www.somehost.so/deleteAction" – FreeCandies

答えて

2

私はあなたのHREFはjqueryのコマンドを2時間に係合、再び "クリック" するのListItemを引き起こしていると思います。つまり、listitemをクリックすると、jqueryとhrefが両方ともアクティブになり、hrefがlistitemを再度「クリック」して、jqueryスクリプトに再度参加します。これを修正するには、このhrefの使用を変更する必要があります。

+0

ありがとう、私はIDを保持するためにhrefの代わりにrelを使用し、それは正常に働いた。提案していただきありがとうございます! – user752746

+0

奇妙なことに... FFのアップデートの後、私は同じ電話を2回繰り返しています。 – user752746

+0

私は問題を発見したと思う、私はポータブルFirefoxを使用しており、これは私の問題と思われる。私はローカルのFirefoxで同じスクリプトをテストしましたが、何の問題もありません。 – user752746