0

私は js の初心者で、jQuery Mobile の学習を始めたばかりです。リストビュー ページを作成しました。次のような html コードを記述しました。

<li data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c"
                    class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-corner-top ui-btn-up-c">
      <div class="ui-btn-inner ui-li ui-corner-top">
        <div class="ui-btn-text">
         <a href="#" class="ui-link-inherit">Chuan</a>
        </div>
        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
      </div>
</li>

この html を Chrome で開くと、コードは次のようになります。

<li data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c"
                class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-corner-top ui-li-static ui-body-c ui-btn-up-c">
  <div class="ui-btn-inner ui-li ui-li-static ui-body-c ui-corner-top">
    <div class="ui-btn-text">
     <a href="#" class="ui-link-inherit">Chuan</a>
    </div>
    <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
  </div>
</li>

ご覧のとおり、「ui-li-static」と「ui-body-c」が表示され、テーブル セルが非常に太くなります。これら2つの属性を追加する方法と削除する方法を教えてください。どうもありがとう。

4

1 に答える 1

4

ready 関数では、この予期しないクラスを削除できます。

$('#your_page_or_pageRole_id').bind('pageinit', function() {
                $("#li_id").removeClass("ui-li-static");                
            });
于 2012-12-13T12:07:05.557 に答える