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的不与列表项的链接关联。