Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 无法在模式对话框(Chrome)中滚动选择选项_Jquery Ui_Google Chrome_Modal Dialog - Fatal编程技术网

Jquery ui 无法在模式对话框(Chrome)中滚动选择选项

Jquery ui 无法在模式对话框(Chrome)中滚动选择选项,jquery-ui,google-chrome,modal-dialog,Jquery Ui,Google Chrome,Modal Dialog,我在对话框中有一个表单,其中包含大量的select选项元素。这在IE和FF中运行良好,但在Chrome中,我无法滚动浏览选项。我可以通过选择一个选项来选择它们,然后在选项向下折叠后,使用箭头键浏览列表。我使用的是Chrome版本32.0.1700.76和jQuery 1.9.1。我也尝试过使用1.10.2,但没有解决问题。我的fiddle示例使用1.9.1,因为选择1.10.2不允许包含jQueryUI1.9.2。您甚至可以在fiddle中看到框架选择输入是不可滚动的。谢谢 HTML: <

我在对话框中有一个表单,其中包含大量的select选项元素。这在IE和FF中运行良好,但在Chrome中,我无法滚动浏览选项。我可以通过选择一个选项来选择它们,然后在选项向下折叠后,使用箭头键浏览列表。我使用的是Chrome版本32.0.1700.76和jQuery 1.9.1。我也尝试过使用1.10.2,但没有解决问题。我的fiddle示例使用1.9.1,因为选择1.10.2不允许包含jQueryUI1.9.2。您甚至可以在fiddle中看到框架选择输入是不可滚动的。谢谢

HTML:

<form>
    <input type="button" value="Open Modal" onclick="$('#divSelect').dialog('open');" />
</form>

<div id="divSelect" style="display:none">
    <form>
        <select name="lotsofoptions">
        <option value="1">option 1</option>
        <option value="2">option 2</option>
        <option value="3">option 3</option>
        <option value="4">option 4</option>
        <option value="5">option 5</option>
        <option value="6">option 6</option>
        <option value="7">option 7</option>
        <option value="8">option 8</option>
        <option value="9">option 9</option>
        <option value="10">option 10</option>
        <option value="11">option 11</option>
        <option value="12">option 12</option>
        <option value="13">option 13</option>
        <option value="14">option 14</option>
        <option value="15">option 15</option>
        <option value="16">option 16</option>
        <option value="17">option 17</option>
        <option value="18">option 18</option>
        <option value="19">option 19</option>
        <option value="20">option 20</option>
        <option value="21">option 21</option>
        <option value="22">option 22</option>
        <option value="23">option 23</option>
        <option value="24">option 24</option>
        <option value="25">option 25</option>
        <option value="26">option 26</option>
        <option value="27">option 27</option>
        <option value="28">option 28</option>
        <option value="29">option 29</option>
        <option value="30">option 30</option>
        </select>
    </form>
</div>
$(document).ready(function(){
    // Modal dialogs
    $('#divSelect').dialog( {   autoOpen:false,
                                modal: true,
                                title: 'Unable to scroll',
                                open: function (event, ui) { window.setTimeout(function () { 
jQuery(document).unbind('mousedown.dialog-overlay').unbind('mouseup.dialog-overlay'); }, 100); 
                                    }
                        } );
});