如何在 jQuery mobile 1.4.0 中将列表视图缩略图定位到右侧？答案

【问题标题】：How to position the list view Thumbnails to the right in jQuery mobile 1.4.0?如何在 jQuery mobile 1.4.0 中将列表视图缩略图定位到右侧？
【发布时间】：2014-01-07 07:40:48
【问题描述】：

我的 jQuery 移动应用程序中有一个列表视图。我需要将缩略图放置在右侧我在我的 css 文件中使用了以下代码，但它不适用于 jQuery mobile 1.4.0 吗？ .ui-li-thumb 类在 jQuery mobile 1.4.0 中被弃用了吗？我怎样才能做到这一点？请帮帮我..

<ul data-role="listview"  data-inset="true"  data-filter="true" data-filter-   placeholder="Search  " 
data-split-icon="delete"  style="margin-top: 40px;"  > 

 <li class="RTLList" > <img src="img/thumb" /> element </li>
</ul>

CSS

  .RTLList .ui-li .ui-btn-text .ui-link-inherit .ui-li-thumb  {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right: 0;
    margin-right: 0 !important;

}

我也试过了，但是没用！！

.ui-listview .ui-li-has-thumb .ui-li-thumb {
    right: 0;
    margin-right: 0 !important;
    text-align:right;
   float:right;
   }

【问题讨论】：

标签： jquery-mobile jquery-mobile-listview

【解决方案1】：

这是一个DEMO

.ui-listview>.ui-li-static.ui-li-has-thumb {
    padding-left: 1em;
    padding-right: 6.25em;
}
.ui-listview .ui-li-has-thumb>img:first-child {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}
.ui-listview>li.ui-first-child img:first-child:not(.ui-li-icon){
    border-top-left-radius: 0;
}
.ui-listview>li.ui-last-child img:first-child:not(.ui-li-icon){
    border-bottom-left-radius: 0;
}

CSS 将 LI 填充放在右侧而不是左侧，然后将缩略图绝对定位到右侧。

【讨论】：

@ezanker感谢帮助我我试过了，但没有用！！我使用的是 jQuery mobile 1.4.0，为什么在 .ui-listview 之后使用这个符号 >？？
@ezanker你能帮帮我吗？它适用于 jQuery mobile 1.3.2，但不适用于我使用的版本 1.4.0
演示小提琴使用jQM 1.4并且工作正常，你去链接了吗？在 CSS > 中意味着找到对象的直接子对象。我使用了 jQM 1.4 中的确切 CSS 并更改了相应的属性。
@ezanker这是我的结果jsfiddle.net/6b7QW/3我已经尝试解决它但它对我不起作用，你能帮帮我吗？
我给你一个答案。