所以我有兩個listview設置，我想區分兩者，但我不知道如何。我試圖在Firebug中進行調試，但我只能更改該類的所有元素的代碼。例如：jquery mobile更改特定元素

列表＃1

<ul data-role="listview" data-filter-theme='b' id='userList'> 
    <li><img src='img1.jpg'/><h3>Item 1</h3><p>Details 1</p></li> 
    <li><img src='img2.jpg'/><h3>Item 2</h3><p>Details 2</p></li> 
    <li><img src='img3.jpg'/><h3>Item 3</h3><p>Details 3</p></li> 
</ul>

LIST＃2

<ul data-role="listview" data-filter-theme='b' id='mainList'> 
    <li><img src='img1x.jpg'/><h3>Thing 1</h3><p>Details 1</p></li> 
    <li><img src='img2x.jpg'/><h3>Thing 2</h3><p>Details 2</p></li> 
    <li><img src='img3x.jpg'/><h3>Thing 3</h3><p>Details 3</p></li> 
</ul>

在列表＃1 I需要說li元素爲：

.ui-li-static .ui-li{padding:0.1em 0px;}

。。。而在列表＃2我需要li元素是：

.ui-li-static .ui-li{padding:0.7em 15px;}

。。我試過在前面添加元素ID：

#userList .ui-li-static .ui-li {padding:0.1em 0px;}

。。但這並沒有奏效。

來源

2013-05-31 bagofmilk

當針對一類的ID，不包括空格：'＃ID.CLASS，＃ID.class {...}'。 – showdev

工作例如：http://jsfiddle.net/Gajotres/dgt8U/

這種結構.ui-li-static .ui-li dont存在，它是醚#userList .ui-li-static或#userList .ui-li

#userList .ui-li { 
    padding:2.1em 0px !important; 
} 



#mainList .ui-li { 
    padding:0.7em 15px !important; 
}

來源

2013-05-31 21:56:44 Gajotres

有關使用數據主題的選擇是什麼？這將很容易區分你的名單。

DEMO這裏... http://jsfiddle.net/dgt8U/2/

您可以選擇數據主題A到E。

HTML

<ul data-role="listview" data-filter-theme='b' data-theme="b" id='userList'> 
    <li><img src='img1.jpg'/><h3>Item 1</h3><p>Details 1</p></li> 
    <li><img src='img2.jpg'/><h3>Item 2</h3><p>Details 2</p></li> 
    <li><img src='img3.jpg'/><h3>Item 3</h3><p>Details 3</p></li> 
</ul> 
<ul data-role="listview" data-filter-theme='b' data-theme="c" id='mainList'> 
    <li><img src='img1x.jpg'/><h3>Thing 1</h3><p>Details 1</p></li> 
    <li><img src='img2x.jpg'/><h3>Thing 2</h3><p>Details 2</p></li> 
    <li><img src='img3x.jpg'/><h3>Thing 3</h3><p>Details 3</p></li> 
</ul>

來源

2013-06-01 12:54:24 yeyene

jquery mobile更改特定元素

回答

HTML

相關問題