javascript - 修复 jQuery 下拉检查列表中的宽度

Question

我正在使用jQuery Dropdown Check List。我想将放置容器的宽度固定为 550px 但无法成功。

我正在使用以下代码：

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
                <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
                <script type="text/javascript" src="js/ui.dropdownchecklist-1.4-min.js"></script>
                <link  rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.standalone.css" />
                <link  rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.themeroller.css" />
                <link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />

                <script type="text/javascript">
                $("#mail_to").dropdownchecklist({ icon: {placement:'right'} , maxDropHeight: 550 , width:550 }); 
                </script> 

                <style type="text/css">

                   .ui-dropdownchecklist-dropcontainer
                   {   
                    width: 555px;   
                   }

                   .ui-widget-content
                   {   
                    width: 555px;   
                   }

                   .ui-widget
                   {   
                    width: 555px;   
                   }

                    </style>

任何帮助，将不胜感激。

Answer 1

嘿，请试试这个 CSS

<style type="text/css">

               .ui-dropdownchecklist-dropcontainer
               {   
                width: 555px !important;  
               }

               .ui-widget-content
               {   
                width: 555px !important;  
               }

               .ui-widget
               {   
                width: 555px !important; 
               }

                </style>

希望对你有帮助

Answer 2

您不需要将 width 属性设置为.ui-dropdownchecklist-dropcontainer, ui-widget-content,ui-widget

我在http://jsfiddle.net/KRzaB/1/上做了例子

Answer 3

如果我没记错的话，你没有写任何 px, em, %...你只有 550 的值，就是这样

例如尝试这样

   $("#mail_to").dropdownchecklist({ icon: {placement:'right'} , maxDropHeight: 550px ,      width:550px });