Question

我有以下HTML代码：

<td align="center" class="shuttleControl"> 
  <img src="/i/mydb/icons/shuttle_reload.png" onclick="g_Shuttlep_v61.reset();" alt="Reset"  title="Reset"/> 
  <img src="/i/mydb/icons/shuttle_last.png" onclick="g_Shuttlep_v61.move_all();" alt="Move All" title="Move All"/> 
  <img src="/i/mydb/icons/shuttle_right.png" onclick="g_Shuttlep_v61.move();" alt="Move" title="Move" /> 
  <img src="/i/mydb/icons/shuttle_left.png" onclick="g_Shuttlep_v61.remove();" alt="Remove" title="Remove" /> 
  <img src="/i/mydb/icons/shuttle_first.png" onclick="g_Shuttlep_v61.remove_all();" alt="Remove All" title="Remove All" />

基于上面的代码，使用jQuery，如何替换所有上面的onclick调用，而不是使用我的JavaScript函数get_Count()。

所以我追求的结果是：

<td align="center" class="shuttleControl"> 
  <img src="/i/mydb/icons/shuttle_reload.png" onclick="get_Count();" alt="Reset"  title="Reset"/> 
  <img src="/i/mydb/icons/shuttle_last.png" onclick=" get_Count();" alt="Move All" title="Move All"/> 
  <img src="/i/mydb/icons/shuttle_right.png" onclick=" get_Count();" alt="Move" title="Move" /> 
  <img src="/i/mydb/icons/shuttle_left.png" onclick=" get_Count();" alt="Remove" title="Remove" /> 
  <img src="/i/mydb/icons/shuttle_first.png" onclick=" get_Count();" alt="Remove All" title="Remove All" /> 
</td>

Answer 1

我会说：

$('img').unbind('click').click(get_Count);

编辑：

嗯，我试过了，但它不起作用。工作是什么.attr('onclick', '')。所以，这样做：

$('.shuttleControl img').attr('onclick', '').click(get_Count);

Answer 2

如果您根本不需要g_Shuttlep_v61中的这些功能，则可以覆盖它们。

g_Shuttlep_v61.reset = 
g_Shuttlep_v61.move_all = 
g_Shuttlep_v61.move = 
g_Shuttlep_v61.remove = 
g_Shuttlep_v61.remove_all = get_Count;

然后就不需要搞乱内联属性了。

如何用我的函数调用替换onclick函数调用？

2 个答案: