禁用和啓用基於條件

Question

<script> 
$(document).ready(function() 
{ 
$("[id^=column]").unbind('click',popup); 
}); 

function popup() 
{ 
    alert('gggg'); 
} 

function enable() 
{ 
    $("[id^=column]").bind('click',popup); 
} 
</script> 

<a onclick="enable()">enable</a> 
<table width="200" border="1" style="border-collapse:collapse;"> 
<tr><td id="column1" onclick="popup('a')">1</td></tr> 
<tr><td id="column2" onclick="popup('b')">2</td></tr> 
<tr><td id="column3" onclick="popup('c')">3</td></tr> 
<tr><td id="column4" onclick="popup('d')">4</td></tr> 
<tr><td>5</td></tr> 
</table> 

嗨onclick事件，

我想在頁面加載的onclick禁用表TD一旦他點擊鏈接啓用則只有TD的onclick將被啓用？如何達致這？

感謝

Answer 1

您需要刪除onclick屬性，.unbind()除去僅由bind()

$(document).ready(function() { 
    $("#column1").removeAttr('onclick'); 
}); 

演示加入這些處理程序：Fiddle

Answer 2

爲什麼不僅綁定時彈出功能啓用鏈接被點擊？

<script> 
function popup() 
{ 
    var $this_el = $(this); 
    var param_1 = $this_el.attr("data-parameter-1"); 
    alert('Parameter is: ' + param_1); 
} 

// bind click event to td 
function enable() 
{ 
    $('.clickable').on('click', popup); 
} 

// bind click event to enable link 
// using .one() will unbind itself after it is triggered once. 
$(document).ready(function() 
{ 
    $('#enabler').one('click', enable); 
}); 
</script> 

<a id="enabler">enable</a> 
<table width="200" border="1" style="border-collapse:collapse;"> 
<tr><td id="column1" class="clickable" data-parameter-1="a">1</td></tr> 
<tr><td id="column2" class="clickable" data-parameter-1="b">2</td></tr> 
<tr><td id="column3" class="clickable" data-parameter-1="c">3</td></tr> 
<tr><td id="column4" class="clickable" data-parameter-1="d">4</td></tr> 
</table> 

Answer 3

可以刪除HTML中a標記內的內聯事件處理程序。這個事件處理程序可以純粹用Javascript來分配。

爲a標記的點擊事件處理函數指定回調。在此函數內部，設置#column1上的單擊事件處理程序。

HTML

<a>enable</a> 
<table width="200" border="1" style="border-collapse:collapse;"> 
<tr><td id="column1" onclick="popup()">1</td></tr> 
<tr><td>2</td></tr> 
<tr><td>3</td></tr> 
<tr><td>4</td></tr> 
<tr><td>5</td></tr> 
</table> 

的Javascript

$(document).ready(function() 
{ 
    $("a").one("click",function(){ 
     $("#column1").click(function(){ 
      popup(); 
     });  
    }); 
}); 

function popup() 
{ 
    alert('gggg'); 
} 

JS小提琴：http://jsfiddle.net/TCrR4/

Answer 4

試試這個哥們..

我做你的代碼的一些變化..

$(document).ready(function() 
{ 
    $("a").click(function(){ 
    if($(this).hasClass("action")) 
     { 
     $("#column1").removeClass("action") 
     $("#column1").bind("click",function(){ 
     alert("hiii"); 
     $(this).unbind("click");}); 
     alert("binded"); 
     } 
    else 
    { 
     $("#column1").addClass("action") 
     $("#column1").unbind("click"); 
     alert("unbinded"); 
     } 
}); 
});