如何在jQuery mobile 1.4.0中將列表視圖縮略圖放置在右側？

我在我的jQuery移動應用程序中有一個列表視圖。我需要將縮略圖放在右側我的css文件中使用了下面的代碼，但它不適用於jQuery mobile 1.4.0？是在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; 
    }

來源

2014-01-07 user

這裏是一個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放李填充在右邊，而不是離開，然後絕對定位的縮略圖的權利。

來源

2014-01-07 15:15:30 ezanker

@ezanker感謝幫助我試過了，但沒有奏效！我使用的是jQuery mobile 1.4.0，爲什麼在.ui-listview之後使用這個符號？ – user

@ezanker你能幫我嗎？它的工作在jQuery移動1.3.2，但不工作在我使用的版本是1.4.0 – user

演示提琴使用jQM 1.4並且工作正常，你去鏈接？在CSS>表示找到對象的直接子對象。我使用了jQM 1.4中的確切CSS，並更改了相應的屬性。 – ezanker

如何在jQuery mobile 1.4.0中將列表視圖縮略圖放置在右側？

回答

相關問題