jQuery 选择的插件样式不正确。很小

Question

我之前已经实现了 Chosen，但我在尝试让它在 MVC 3 中工作时遇到了一个问题。我不知道是什么导致了这个问题，但该元素渲染得非常狭窄，我没有知道为什么。我查遍了一切，但我无法弄清楚这一点，我感觉我正在服用疯狂的药片!谢谢!

这是我的代码:

cshtml:

div id="ProducerData" style="display: none;">
                <h2>
                    Winery Information</h2>

                @Html.DropDownListFor(m => m.Producer.ProducerID, new SelectList(Model.Producers, "ProducerID", "Name"), "Please select a producer")
                <input type="button" id="btnNewProdcue" value="New Producer?" onclick="NewProducer(); return false;" />
                <table id="ProducerDataTable">

js:

$(document).ready(function () {

        SlideWidth = 650;
        SlideSpeed = 500;
        InitTab();


        $("#ProducerDataTable input[type=text]").addClass("DisabledTextInput");
        $("#ProducerDataTable input[type=text]").attr("disabled", true);

        $("#Producer_ProducerID").change(OnProducerChange);
        $("#UserTypes img").click(OnUserTypeClick);
        $("#UserObj_Country").change(OnCountryChange);
        $(".state").change(OnStateChange);
        SetNavigationDisplay();
        $("#UserObj_Phone").live("keypress", function (e) {
            if (e.which === 0) {
                e.preventDefault();
            }
        });

        $("#Producer_ProducerID").chosen();
    });

Answer 1

替换

$("#Producer_ProducerID").chosen();

与

var opts = {};
if (!$("#Producer_ProducerID").is(':visible')) {
     opts["width"] = 'auto';
}
$("#Producer_ProducerID").chosen(opts);