0

我使用选择的插件和 2 个按钮以不同的方式选择值。这是html标记：

<div class="navigator-buttons-container common-scale-tool-shadow">
            <div class="scale-tool-buttons" id="zoomButtonDecr" style="border-left: 1px solid rgba(110,110,110,0.6);">
                <div class="scale-tool-minus-button"></div>
            </div>
            <div style="float: left; width: 80px;" id="zoomContainer">
                <select class="scale-value-field chosen" id="zoomDropdown" tabindex="-1" data-placeholder="100%" style="width: 80px">
                    <option></option>
                    <option value="1.5">150%</option>
                    <option value="1.25">125%</option>
                    <option value="1">100%</option>
                    <option value="0.75">75%</option>
                    <option value="0.5">50%</option>
                    <option value="0.25">25%</option>
                </select>
            </div>
            <div class="scale-tool-buttons" id="zoomButtonIncr" style="border-right: 1px solid rgba(110,110,110,0.6);">
                <div class="scale-tool-plus-button"></div>
            </div>
        </div>

我使用这个 js 函数来更新下拉默认字段文本：

onZoomButtonIncrClick: function () {

        ... Some actions ...

        this.$el.find("#zoomDropdown").attr('data-placeholder', (self.currentZoom * 100) + '%');
        this.$el.find("#zoomDropdown").trigger('chosen:updated');
    }

但是在更新下拉列表后会丢失所有选项。

我做错了什么？

4

1 回答 1

0

您需要将您的 Chosen 插件更新到1.0.0版本。

于 2013-10-01T13:05:32.450 回答