選擇變化不optgroups

Question

射擊我有了optgroups標籤：

  <div id="quick-zoom"> 
       Quick Zoom: 
       <select id="quick_zoom_select" name="quick_zoom_select"> 
        <option value="0">Default</option> 
        <optgroup label="Computers" id="computers"> 
        <option value=.95>iMac G3</option> 
        </optgroup> 
        <optgroup label="Mobiles" id="mobiles"> 
        <option value=1.5>Nexus 7(portrait)</option> 
        <option value=1.5>Nexus 7(landscape)</option> 
        </optgroup> 
       </select> 
      </div> 
      <div class="Clear"></div> 

和jQuery語句在選擇檢測的改變：

$('#quick_zoom').change(function(){ 
     Zoom($(this).val()); 
}); 

的.change不點火。當我刪除optgroup標籤時，它會觸發。有人能告訴我發生了什麼事嗎？

謝謝 託德

Answer 1

嘗試：

$('#quick_zoom_select').change(function(){ 
     Zoom($(this).val()); 
}); 

你試圖改變應用到一個div時，它應該是選擇。

這裏是一個演示：http://jsfiddle.net/lucuma/ZSquF/