Question

I want to unbind the function(which is with parameters
<%#Eval(”)%>) and after thta on button click bind that function in jquery or 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>

Here i want to unbind “FillVoyageCompanyData” function.
i am doind it by

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

and then

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

but it is not working. it does not unbind the function

Answer 1

unbind only works for event handlers attached via jQuery

Replace:

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

With

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

And then attach the handler with jQuery:

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