2012-02-02 2 views
1

Я пытаюсь интегрировать jQuery Mobile в существующую мобильную страницу. Я хочу использовать сложенный элемент и формы.JQuery Мобильная пустая страница при загрузке

Когда я включаю файл js и загружаю страницу, страница отображается пустой. Когда он не включен, он отображается правильно. Я добавил data-role="page" и «содержимое», как показано ниже:

Глядя в Firebug Я вижу, что элемент body имеет класс 'ui-mobile-viewport', и его видимость установлена ​​в скрытую; его дочерние элементы имеют display = none.

Я получаю эту ошибку в консоли при отладке (строка 5014) из Jquery-подвижной 1.0.1.js:

$el.prop is not a function 
     if ($el.prop("disabled")) { 

код ниже:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<title><%=PageTitle%></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/> 
<link rel="stylesheet" type="text/css" href="<%=CssPath%>/jquery.mobile-1.0.1.css" media="screen" /> 

<script type="text/javascript" src="<%=JsPathShared%>/jquery.js"></script> 
<script type="text/javascript" src="<%=JsPath%>/page.js"></script> 
<script type="text/javascript" src="<%=JsPath%>/jquery.mobile-1.0.1.js"></script> 
</head> 
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 
<div data-role="page" id="page-wrap" > 
<header> 
    <%RenderBanner();%> 

</header> 
<div data-role="content" class="section-wrap"> 

    <%Render();%> 
    <footer> 
    <nav> 
     <%RenderNavigation();%> 
    </nav> 
    <%RenderFooter();%> 
    </footer> 
</div> 
</div> 
<%=GoogleAnalytics()%> 
</body> 
</html> 
+0

любые ошибки в консоли? ссылка на демо? –

+0

ошибок нет в консоли – theringostarrs

ответ

1

Учитывать проверяя Проект JQuery Mobile Boilerplate от Github. Он содержит полный проект jQuery Mobile вместе с фрагментами кода, которые вы можете использовать для сравнения вашего кода с рабочим проектом.

https://github.com/commadelimited/jQuery-Mobile-Boilerplate

+2

Это было выбрано в качестве ответа, но без объяснений. Можете ли вы сообщить нам, что на самом деле было решением? –

+2

Да, пожалуйста. У меня тоже такая проблема –

Смежные вопросы