jquery - 选择不使用 optgroup 触发的更改

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 语句来检测 select 的变化：

$('#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/