jQuery Mobile的列表格式與

Question

我創建了一個簡單的jQuery Mobile的網頁鏈接 - 已經把這裏的相關樣本：

http://jsfiddle.net/EhyKa/

我不想包含鏈接裏的物品，在這種情況下，電話H，電話M和電話W項目的格式不同於列表中的其他項目。目前，文本和鏈接被拆分成不同的線條，並且與其他項目相比具有不同的風格。

任何人都可以指出我需要改變，以使這一致（CSS或JavaScript我假設？）。

非常感謝， 史蒂夫

Answer 1

改變風格應該解決這個問題。使錨點成爲內聯塊。並給予適當的填充。

下面是修改後的代碼。

<div data-role="page" id="details" data-add-back-btn="true"> 
    <div data-role="header"> 
    <a href="../page.php" data-icon="home" class="ui-btn-right">Home</a> 
    <h1>Contact Details</h1> 
    </div> 
    <div data-role="content"> 

    <ul data-role="listview" data-inset="true" data-dividertheme="b"> 
      <li>First Name: Tom</li> 
      <li>Surname: Jones</li> 
      <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone H: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li> 
      <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone W: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li> 
      <li data-icon="false" style="height:35px;padding-left:15px;font-size:14px">Phone M: <a href="tel:123 4567" style="display:inline-block;padding-left:0px">123 4567</a></li> 
     </ul> 

    </div> 

</div> 

</body> 
</html> 

Answer 2

另一種方式刪除格式是包裹在一個div或跨度的電話號碼聯繫，這樣的jQuery Mobile的不與列表項的鏈接關聯。