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"); 
     }) 
    } 
);