Jquery mobile MobiScroll选择预设

mobiscroll文档说明

此预设增强了常规HTML选择功能，可使用滚动条选择值。原始选择将隐藏，而虚拟输入将变为可见。选择的值由预设值保持

它们提供的示例HTML代码使用内联样式隐藏原始select元素

<select name="City" id="select" style="display:none">

我发现，尽管滚动条出现了，但它上面仍然有一个看起来像输入元素的东西。这不会发生在他们的演示代码中，但我注意到他们所做的是这样的

<div id="select_cont" style="display: none;">
<select name="City" id="select">

将虚拟输入元素引入DOM

<input id='cities_dummy'...

创建滚动条后立即。但是，我无法理解为什么演示代码中的工作方式不同。我注意到他们使用的是jQuery Mobile v1.1.1，而我使用的是最新版本

---

也许这个问题与版本有关？或者这里还有其他的原因吗？我非常感谢您的帮助。

我找到了答案。这一切都取决于

inputClass:i-txt

位在滚动条选项设置中。在演示代码中，根据options对象中display属性的值，他们可能通过脚本来玩这个类。要点是-为了在滚动条显示设置为“inline”时使原始选择消失，您必须将i-txt（或您使用的任何输入类）定义为

<input id='cities_dummy'...

$('#cities_dummy').css('display','none')

inputClass:i-txt

.i-txt{display:none}