jQuery：更改函數沒有被誘導？

Question

我有以下的jQuery代碼：

$(document).ready(function() { 
      $('.restrictiveOptions input[type!=checkbox], .restrictiveOptions select').change(function() { 
       // check off enabled for that row if anything changed 
       $(this).closest('.fieldRow').find('.restrictiveOptionEnabled').attr('checked','true'); 
       alert('changed'); 
      }); 
     }); 

然而，當我更改輸入或選擇，什麼都不會發生（甚至沒有警報）！

我已檢查$('.restrictiveOptions input[type!=checkbox], .restrictiveOptions select')是否正確（通過使用Firebug控制檯並檢查.length，返回484）。 我也確保沒有語法錯誤。

你覺得我做錯了什麼？謝謝！

編輯：我已更新代碼並將$(self)更改爲$(this)，但我仍未看到警報。這裏是樣本HTML（抱歉的格式，我說換行，但它是由PHP生成）：

<fieldset class="restrictiveOptions"><legend class="collapsable"> 
<img width="12" height="12" title="Collapse" alt="Collapse" class="toggle" src="branding/default/images/collapse.gif"> Restrictive Options</legend> 
<div style=""> 
<div class="fieldRow"> 
<div class="label"> 
<label>Executive</label></div> 
<div class="fieldWrapper"> 
<div class="cellValue"> 
<select onchange="changeRestrictionValue(&quot;event42_41&quot;)" id="event42_41_restrictionType" name="event42_41_restrictionType"> 
<option selected="selected" value="1">is equal to</option> 
<option value="2">is not equal to</option></select> 
<span id="event42_41_restrictionValue1Wrapper" class="event42_41_restrictionValueWrapper"> 
<select onchange="validateField(this)" name="event42_41_restrictionValue" id="event42_41_restrictionValue"> 
<option value="76">Yes</option> 
<option value="77">No</option></select></span> 
<span style="display: none;" id="event42_41_restrictionValue2Wrapper" class="event42_41_restrictionValueWrapper"> 
<select onchange="validateField(this)" name="event42_41_restrictionValue1" id="event42_41_restrictionValue1"> 
<option value="76">Yes</option> 
<option value="77">No</option></select> and 
<select onchange="validateField(this)" name="event42_41_restrictionValue2" id="event42_41_restrictionValue2"> 
<option value="76">Yes</option> 
<option value="77">No</option></select></span></div> 
<div style="float: right;" class="cellValue"> 
<label for="event42_41_enabled">Enabled?</label> 
<input type="checkbox" style="vertical-align: sub; margin: 2px; padding: 0pt;" class="restrictiveOptionEnabled" title="Check me to enable this restrictive option" name="event42_41_enabled" id="event42_41_enabled" value=""> 
</div></div></div> 

Answer 1

這是不應該有任何區別除非有一些事情你都沒有提到。不要直接綁定處理程序到所有這些元素，請嘗試設置「實時」處理程序：

$(function() { 
    $('.restrictiveOptions input[type!=checkbox], .restrictiveOptions select') 
    .live('click', function(ev) { 
     $(this).closest('.fieldRow').find('.restrictiveOptionEnabled').attr('checked','true'); 
     alert('changed'); 
    }); 
}); 

Answer 2

相反的self，你需要this，像這樣：

$(document).ready(function() { 
    $('.restrictiveOptions input[type!=checkbox], .restrictiveOptions select').change(function() { 
    $(this).closest('.fieldRow').find('.restrictiveOptionEnabled').attr('checked', true); 
    alert('changed'); 
    }); 
}); 

內的事件像這樣的處理程序，this引用的是有問題的元素，self通常用於掛在某種類型的引用上，但它不是固有的，它是你需要定義的東西。在這種情況下，它試圖做$(undefined)，這是不準確你想要什麼:)