在jQuery-Mobile中意外的“ui-li-static”和“ui-body-c”

unexpected "ui-li-static" and "ui-body-c" in jQuery-Mobile

本文关键字：ui-li-static ui-body-c jQuery-Mobile 意外      更新时间：2023-09-26

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

当我在 Chrome 中打开这个 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-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"出现，它使我的表格单元格非常胖。谁能告诉我如何添加这两个属性以及如何删除它？多谢。

在 ready 函数中，您可以删除这个意外的类。

$('#your_page_or_pageRole_id').bind('pageinit', function() {
                $("#li_id").removeClass("ui-li-static");                
            });
相关文章：