jQuery的事件处理程序堆叠

Question

我有这样的事情：http://jsfiddle.net/PTcw8/4/

<div id="container"> 
    <a href="#" onclick="javascript:alert('inline'); return false;"> show me </a> 
    <br /> 
    <input type="button" value="click to change the links onclick event" onclick="javascript:changeOnClick(); return false;" /> 
</div>​ 

function changeOnClick() { 
    $("#container a").unbind('click'); 
    $("#container a").on('click', function() { 
     alert("changed on the fly"); 
    }) 
}​ 

链接有一个内联onclick事件，我不能解除绑定和绑定一个新的处理程序，他们只是堆出于某种原因。

是不是可以解除内联处理程序？

Answer 1

只能.unbind()如果您以前使用.bind()连接它的事件处理程序：使用带有.bind

事件处理程序（）可以用.unbind删除（）。

对于直列事件处理程序，无论是使用：

$("#container a").removeAttr("onclick"); 

或

$("#container a")[0].onclick = null; 

DEMO。

Answer 2

我这样做：

$(document).ready(
    function(){ 
     $("#container a").removeAttr("onclick"); 
     $("#container a").on('click', function() { 
      alert("changed on the fly"); 
     }) 
    } 
);