jQuery mobile listview(';刷新';)不';不完全增强

jQuery mobile listview(';刷新';)不';不完全增强,listview,jquery-mobile,refresh,Listview,Jquery Mobile,Refresh,我有一个列表视图,显示得很好。我向其中添加了一个项目,使用的函数与我将原始项目放入其中时使用的函数完全相同。如果我不刷新listview,新项目就不会得到增强(这并不奇怪)。但是当我调用refresh时,增强是不完整的 以下是输入的项目: <li data-role="fieldcontain" id="flip-li-38"> <div class="containing-element"> <label for="flip-38">A B:&l

我有一个列表视图,显示得很好。我向其中添加了一个项目,使用的函数与我将原始项目放入其中时使用的函数完全相同。如果我不刷新listview,新项目就不会得到增强(这并不奇怪)。但是当我调用refresh时,增强是不完整的

以下是输入的项目:

<li data-role="fieldcontain" id="flip-li-38">
  <div class="containing-element">
    <label for="flip-38">A B:</label>
    <select name="flip-38" id="flip-38" data-role="slider" data-mini="true">
      <option value="off">Absent</option>
      <option value="on">Present</option>
    </select>
  </div>
</li>
  • 甲、乙: 缺席的 目前
  • 以下是增强后的项目:

    <li data-role="fieldcontain" id="flip-li-38" class="ui-li ui-li-static ui-body-c">
      <div class="containing-element">
        <label for="flip-38">A B:</label>
        <select name="flip-38" id="flip-38" data-role="slider" data-mini="true">
          <option value="off">Absent</option>
          <option value="on">Present</option>
        </select>
      </div>
    </li>
    
  • 甲、乙: 缺席的 目前
  • 但以下是列表中最初列出的项目之一:

    <li data-role="fieldcontain" id="flip-li-37" class="ui-li ui-li-static ui-body-c ui-field-contain ui-body ui-br">
    <div class="containing-element">
      <label for="flip-37" id="flip-37-label" class="ui-slider">X Y:</label>
      <select name="flip-37" id="flip-37" data-role="slider" data-mini="true" class="ui-slider-switch">
        <option value="off">Absent</option>
        <option value="on">Present</option>
      </select>
      <div role="application" class="ui-slider ui-slider-switch ui-btn-down-c ui-btn-corner-all ui-slider-mini" style>
        <span class="ui-slider-label ui-slider-label-a ui-btn-active ui-btn-corner-all" role="img" style="width: 0%; ">Present</span>
        <span class="ui-slider-label ui-slider-label-b ui-btn-down-c ui-btn-corner-all" role="img" style="width: 100%; ">Absent</span>
        <div class="ui-slider-inneroffset">
          <a href="#" class="ui-slider-handle ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-slider-handle-snapping" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" role="slider" aria-valuemin="0" aria-valuemax="1" aria-valuenow="off" aria-valuetext="Absent" title="Absent" aria-labelledby="flip-37-label" style="left: 0%; ">
            <span class="ui-btn-inner ui-btn-corner-all">…</span>
          </a>
        </div>
      </div>
    </div>
    </li>
    
  • X Y: 缺席的 目前 目前 缺席的
  • 以下是周边环境:

        <div id="memberPage" data-role="page">
            <div data-role="content">
             <form>
                    <ul data-role="listview" data-filter="true" id="memberList"></ul>
                </form>
            </div><!-- /content -->
      </div>
    
    
    
      可能有一些时间问题;我通过将部分增强的项写入控制台来捕获它,但在调用refresh之前写入了它(如果我不调用refresh,则会记录原始的未增强项)

      如果重要的话,可以通过按钮的onclick属性从对话框添加该项,该按钮链接回带有列表的页面(从而关闭对话框)


      提前感谢您提供的任何见解

      尝试使用
      $('#成员列表')。触发器('create')而不是listview的刷新方法。我认为它可能会起作用,因为您不仅要增强新列表项,还要增强其中的滑块。

      这几乎成功了;我需要执行触发器/创建(使滑块得到适当增强)和列表视图/刷新(完成列表项的增强)。