Question

我在firefox，chrome和移动游戏中尝试过它。当我向列表中添加data-inset =“true”时，它将正确地围绕列表的角落，但它不会在任何一侧添加1em余量。我无法弄清楚这一点。它甚至可以在一个简单的样板页面上进行，除了列表之外没有任何内容。例如：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head>

<body>
    <ul data-role="listview" data-theme="c" data-inset="true">
        <li><a href="#">first</a></li>
        <li><a href="#">second</a></li>
    </ul>
</body>
</html>

无法正确显示。谢谢你的帮助。

Answer 1

好的，我明白了。为了实现这一点，我只需将正文内容包装在带有data-role =“content”的<div>中。现在工作正常。

jQuery Mobile inset列出没有按预期添加边距

1 个答案: