Я пытаюсь сделать свой список похожим на этот:
Но это выглядит так:
Я скопировал код непосредственно с мобильного сайта jQuery:
<ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true">
<li><a href="index.html">Adam Kinkaid</a></li>
<li><a href="index.html">Alex Wickerham</a></li>
<li><a href="index.html">Avery Johnson</a></li>
<li><a href="index.html">Bob Cabot</a></li>
<li><a href="index.html">Caleb Booth</a></li>
<li><a href="index.html">Christopher Adams</a></li>
<li><a href="index.html">Culver James</a></li>
</ul>
И мои пакеты имеют файлы js и css:
bundles.Add(
new ScriptBundle("~/scripts/vendor")
.Include("~/scripts/jquery-{version}.js")
.Include("~/scripts/jquery.mobile-{version}.js")
bundles.Add(
new StyleBundle("~/Content/css")
.Include("~/Content/ie10mobile.css")
.Include("~/Content/jquery.mobile-{version}.css")
.Include("~/Content/jquery.mobile.structure-{version}.css")
.Include("~/Content/jquery.mobile.theme-{version}.css")
Однако я не могу заставить свой список выглядеть так, как он должен. Что я мог упустить?
Примечание. При просмотре окна F12 в Chrome я не вижу никаких ошибок, но в правом нижнем углу окна есть значок с небольшим предупреждением:
Но ничего не происходит, когда я нажимаю на нее. Я также вставил этот же код в jsfiddle.net, и он отлично работает там. Я просто не могу заставить его работать в моем приложении.
Изменить — версии jQuery
Редактировать 2 – Ошибки?
Я только что заметил это в инструментах разработчика. Может ли это иметь какое-то отношение к этому? Означает ли зачеркивание, что у браузера возникли проблемы с загрузкой чего-либо?
Редактировать 3 – Структура горячего полотенца вызывает проблемы?
Если я помещу тот же самый HTML в свой файл index.cshtml, он сработает. Но когда я пытаюсь поместить его в любое из представлений горячего полотенца (папка приложения, папка представлений), оно просто не отображается. Может быть, есть что-то в этой структуре папок, что не позволяет найти css?
Правка 4 – просмотр исходного кода, когда он работает, а когда нет
Если я помещу список в index.cshtml и проверю его в инструментах разработки, я увижу все примененные стили:
Но с другой стороны (в папке app\views) все просто:
Редактировать 5 — CSS, используемый в index.cshtml
У меня есть один и тот же список в index.cshtml и в apps.html. Эти стили отображаются в списке на index.cshtml, но их нет в списке на apps.html. Для apps.html стили не то чтобы вычеркнуты, их просто нет.
view source
проверить правильность вставки связанных скриптов и стилей. Кроме того, рассмотрите возможность удаления различных параметровdata
(кромеdata-role="listview"
из вашего<ul>
и убедитесь, что основы работают. Наконец, какую версию jQM вы используете? - person andleer   schedule 08.09.2013