1

リストビューがあり、すべてうまく表示されています。元のアイテムを入れるのに使用したのとまったく同じ関数を使用して、アイテムを追加します。リストビューを更新しないと、新しいアイテムは拡張されません(驚くことではありません)。しかし、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>

しかし、これが元々リストにあったアイテムの1つです。

<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">…&lt;/span>
      </a>
    </div>
  </div>
</div>
</li>

周囲の状況は次のとおりです。

    <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>

ある種のタイミングの問題があるかもしれません。部分的に拡張されたアイテムをコンソールに書き込んでキャプチャしましたが、更新の呼び出しの前に書き込みました(更新の呼び出しを終了すると、元の拡張されていないアイテムがログに記録されます)。

重要な場合、アイテムは、リストのあるページにリンクするボタンのonclickプロパティを介してダイアログから追加されます(したがって、ダイアログが閉じます)。

洞察を事前に感謝します。

4

1 に答える 1

0

リストビューの方法の$('#memberList').trigger('create');代わりに試してみてください。refresh新しいリストアイテムだけでなく、その中のスライダーも強化する必要があるので、うまくいくかもしれないと思います。

于 2012-09-25T06:14:07.830 に答える