javascript - バインドを解除してから、onclick 関数 (動的パラメーターを使用) を jquery または javascript のリピーターのアンカー タグにバインドします。

Question

関数 (パラメーター
<%#Eval('')%> を使用) のバインドを解除し、ボタンをクリックした後、その関数を jquery または javascript にバインドします。

      <ItemTemplate>
           <tr>
              <td nowrap="nowrap" align="center">
                                                                                                  <%#Eval("Comments")%>&nbsp;
               </td>
               <td nowrap="nowrap" align="center">
                  <a id="hlnkEditVoyageAssosiatedCompanyID" onclick="FillVoyageCompanyData(<%#Eval("VoyageAssosiatedCompanyID") %>);">          Edit</a>
                </td>
            </tr>
       </ItemTemplate>

ここで、「FillVoyageCompanyData」関数のバインドを解除します。私はそれをやっています

 $("#hlnkEditVoyageAssosiatedCompanyID").unbind("click");

その後

 $("#hlnkEditVoyageAssosiatedCompanyID").bind("click", FillVoyageCompanyData);

しかし、それは機能していません。関数のバインドを解除しません

Answer 1

unbindjQuery 経由でアタッチされたイベント ハンドラーに対してのみ機能します。

交換：

<a id="hlnkEditVoyageAssosiatedCompanyID"
   onclick="FillVoyageCompanyData(<%#Eval("VoyageAssosiatedCompanyID") %>);">

と

<a class="hlnkEditVoyageAssosiatedCompanyID"
   data-vacid="<%#Eval("VoyageAssosiatedCompanyID") %>">

そして、jQuery を使用してハンドラーをアタッチします。

$('body').on('.hlnkEditVoyageAssosiatedCompanyID', 'click', function() {
    FillVoyageCompanyData($(this).data('vacid'))
});