Jquery mobile JQM翻转开关渲染问题

Jquery mobile JQM翻转开关渲染问题,jquery-mobile,rendering,switch-statement,flip,Jquery Mobile,Rendering,Switch Statement,Flip,我在ASP.NETMVC4移动web应用程序的一个视图中使用JQM翻转开关。当翻转开关一直向右移动时,渲染时会显示不需要的垂直线。请参见下面的屏幕截图: 代码如下: <li data-role="fieldcontain"> @Html.Label("AutoLogin", New With {.style = "text-align:center;font-weight:bold"}) <div class="center-wrappe

我在ASP.NETMVC4移动web应用程序的一个视图中使用JQM翻转开关。当翻转开关一直向右移动时,渲染时会显示不需要的垂直线。请参见下面的屏幕截图:

代码如下:

    <li data-role="fieldcontain">
        @Html.Label("AutoLogin", New With {.style = "text-align:center;font-weight:bold"})
       <div class="center-wrapper">
        <select name="AutoLogin" id="AutoLogin" data-role="slider" data-mini="true">
          <option value ="false">Off</option>
          <option value ="true">On</option>
        </select>
        </div>
    </li>
编辑:

我发现这个渲染问题不是由翻转开关居中引起的,而是由翻转开关位于列表项中引起的。如果我将翻转开关降低到其最简单的形式(请参见下文),如果翻转开关位于列表项中,我仍然会遇到渲染问题。你应该能够很容易地复制这个

<label for="flip-1">Flip switch:</label>
<select name="flip-1" id="flip-1" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>
翻转开关:
关
在…上

center wrapper类可能是您的问题。您能将其添加到您的问题中吗?中心包装器类已按要求添加到问题中。有人能对此提供帮助吗??
<label for="flip-1">Flip switch:</label>
<select name="flip-1" id="flip-1" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>