禁用jquery中的這個按鈕

Question

我有這個按鈕<button id="beg" onclick"disable()">beg</button>。並且這裏定義的功能是

function disable(time){ 
    $(this).attr('disabled', 'disabled'); 
}; 

問題是該按鈕沒有被禁用，我不知道爲什麼。

謝謝。

Answer 1

這是因爲你的函數中的this不是對button元素的引用。試試這個：

<button id="beg" onclick="disable(this)">beg</button> 

function disable(el){ 
    $(el).attr('disabled', 'disabled'); 
}; 

或者更好的是，通過JS鉤住你的事件完全分離你的HTML和JS：

<button id="beg">beg</button> 

$('#beg').click(function() { 
    $(this).prop('disabled', true); 
});