1

このhttp://jquerymobile.com/demos/1.2.0-alpha.1/docs/lists/lists-search.htmlのようなリストを作成したいのですが、標準の垂直リストを使用する代わりに、タイルベースのリスト。

これを作るプラグインを知っていますか？そうでない場合、jquery mobileを壊さずにそれを実行できると思う方法はありますか？

4

1 に答える 1

4

あなたはほんの少しのCSSでそれを行うことができます：

.custom-ul .ui-li {
    width  : 200px;
    height : 200px;
    float  : left;
}
/*jQuery Mobile adds a `.ui-btn-inner` element that also has the `.ul-li` class, so it needs to be reset after the changes made above*/
.custom-ul .ui-li .ui-btn-inner {
    width : 100%;
}

これにより、リストアイテムに特定の高さ/幅が設定され、グリッドスタイルでスタックされるようにフロートされ、リストアイテムのinner-divがリセットされます。セレクターの一部に注意してください.custom-ul。これにより、標準のリストを引き続き使用できますが、「グリッドスタイル」のリストが必要な場合は、要素に.custom-ulクラスを追加するだけで済みます。<ul data-role="listview">

デモは次のとおりです。http：//jsfiddle.net/ykEtD/（同じリストが2回出力され、最初のリストには.custom-ulクラスがあります）

必要なものを正確に取得するには、他のCSSを微調整する必要があるかもしれませんが、これはあなたにとって良い出発点になることに注意してください。

于 2012-09-07T00:20:04.360 に答える