Javascript Chrome-如果jquery简单组合框位于模式内，则在鼠标拖动时会折叠

我正在尝试学习如何使用

jquery.scombobox

，但在将scombobox添加到模式时遇到了问题

<div id="modalA" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">My Modal</h4>
                </div>
                <div class="modal-body">
                    <select id="combo-021">
                        <option value="1">item 1</option>
                        <option value="2">item 2</option>
                        <option value="3">item 3</option>
                        <option value="4">item 3</option>
                        <option value="5">item 3</option>
                        <option value="6">item 3</option>
                        <option value="7">item 3</option>
                        <option value="8">item 3</option>
                        <option value="9">item 3</option>
                        <option value="10">item 3</option>
                        <option value="11">item 3</option>
                        <option value="12">item 3</option>
                        <option value="13">item 3</option>
                        <option value="14">item 3</option>
                        <option value="15">item 3</option>
                        <option value="16">item 3</option>
                        <option value="17">item 3</option>
                        <option value="18">item 3</option>
                        <option value="19">item 3</option>
                        <option value="20">item 3</option>
                        <option value="21">item 3</option>
                        <option value="22">item 3</option>
                        <option value="23">item 3</option>
                        <option value="24">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                    </select>
            </div>
        </div>
    </div>



$('#combo-021').scombobox({
showDropDown: true // this is what is set by default
});

×
我的情态
项目1
项目2
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
项目3
$（'#combo-021'）.scombobox({
showDropDown:true//这是默认设置
});

对于多个项目，它会在右侧添加一个滚动条。我可以使用鼠标滚轮滚动项目，但当尝试单击滚动条并拖动它时，下拉列表会折叠。有人遇到过同样的问题吗？为什么会这样

问题在于：

tabindex="-1"

删除此属性时，它将正常工作

以下是有关

tabindex

的更多信息：

---

（正在工作的JSFiddle:）

您能提供一个工作示例吗？帮助你会更容易吗？你可以上传HTML和JS到某个地方，这样我们就可以看到实际问题了吗？在问题中添加了JSFIDLE，你可以为“jquery scombobox”插件提供一个链接吗？你是否在jquery对话框中显示这个？是的，但是它如何通过鼠标拖动来影响滑块事件？这就是答案，谢谢！但为什么会发生这种情况，为什么会受到tabindex的影响？