Встраиваемые списки jQuery Mobile не добавляют полей, как ожидалось - PullRequest
Новая
       5

Встраиваемые списки jQuery Mobile не добавляют полей, как ожидалось

2 голосов
/ 19 августа 2011

Я попробовал это на 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>

не отображается правильно. Спасибо за любую помощь.

1 Ответ

5 голосов
/ 20 августа 2011

Хорошо, я понял это.Чтобы заставить это работать, мне просто нужно было обернуть содержимое тела в <div> с data-role = "content".Работает нормально сейчас.

...