#javascript #jquery #css #jquery-mobile
#javascript #jquery #css #jquery-мобильный
Вопрос:
Пожалуйста, обратитесь к http://m.xn--e-nsker-r1a.dk / увидеть проблему в реальной жизни.
Кто-нибудь может сказать мне, почему изначально (даже после того, как я попытался позвонить $(".todoList").listview('refresh') , углы не круглые. Элементы списка полностью оформлены, но углы не закруглены.
Затем, если я добавлю todoitem (щелкнув ), углы станут круглыми, но если я снова удалю его, углы не будут круглыми. Я ожидал бы, что нижним углам может быть трудно оставаться круглыми, поскольку элемент списка был удален снизу, но даже верхняя часть, которая не подвергалась никаким манипуляциям, имеет квадратные углы после удаления элемента списка, хотя они стали круглыми после первоначального добавления элемента списка.
Для меня это не имеет никакого смысла, зачем listview('refresh') делать углы квадратными
Спасибо.
Комментарии:
1. Вам придется скопировать / вставить ссылку, так как StackOverflow не нравится этот
øсимвол.2. @Jasper — спасибо за ваш ответ — я изменил ссылку на закодированную версию. Теперь он должен быть доступен, вы можете видеть мобильную страницу как из мобильного, так и из обычного браузера.
Ответ №1:
listview (‘обновить’, true);
Дополнительный параметр true сохраняет эффект округления.
Комментарии:
1. Кажется, это работает для меня. Вы знаете, что такое второй параметр? Я не могу найти никакой документации для этого на сайте jqm.
2. В моем случае сработало лишь частично. Закругленные углы остались, но стили элементов css стали странными, став действительно «толстыми» из-за отсутствия лучшего слова.
Ответ №2:
Посмотрите, указали ли вы data-inset=»true» для тега.
Спасибо, Шьям
Комментарии:
1. Проверил мой listview. Он имеет data-inset=»true», но проблема сохраняется.
Ответ №3:
Это что-то в тебе mobilescript.js это мешает работе с css / layout.
Вот jsfiddle без него: http://jsfiddle.net/NABUv/1 /
И вот один из них: http://jsfiddle.net/NABUv/2 /
Вы можете увидеть отсутствующую границу, если используете Google Chrome / браузер webkit
Так что это не jQueryMobile 🙂
Комментарии:
1. Я выбрал уродливый хак и закодировал css для закругленных углов в mobilestyle.css
Ответ №4:
Я столкнулся с той же проблемой, оказалось, что у меня был скрытый элемент div до после содержимого моей страницы. jQueryMobile css использует селекторы first-child last-child для применения border-radius.