Fatal编程技术网

Jquery mobile JQuery移动空白页加载

jquery-mobile

Jquery mobile JQuery移动空白页加载,jquery-mobile,Jquery Mobile,我正在尝试将jQuery Mobile集成到现有的移动页面中。我想使用可折叠元素和表单功能 当我包含js文件并加载页面时，页面呈现为空白。如果未包含，则会正确渲染。我添加了data role=“page”和“内容”如下： 在Firebug中，我看到body元素上有'ui-mobile-viewport'类，它的可见性设置为隐藏；其子元素具有display=none 调试jquery-mobile-1.0.1.js（第5014行）时，我在控制台中遇到了这个错误： $el.prop is n

我正在尝试将jQuery Mobile集成到现有的移动页面中。我想使用可折叠元素和表单功能

当我包含js文件并加载页面时，页面呈现为空白。如果未包含，则会正确渲染。我添加了
data role=“page”
和“内容”如下：

在Firebug中，我看到body元素上有
'ui-mobile-viewport'
类，它的可见性设置为隐藏；其子元素具有
display=none

调试jquery-mobile-1.0.1.js（第5014行）时，我在控制台中遇到了这个错误：

    $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>
考虑从Github签出jQuery Mobile样板项目。它包含一个完整的jQuery移动项目，以及可以用来将代码与工作项目进行比较的代码片段

考虑从Github签出jQuery Mobile样板项目。它包含一个完整的jQuery移动项目，以及可以用来将代码与工作项目进行比较的代码片段

控制台中有错误吗？链接到演示？控制台中有错误吗？链接到演示？这被选为答案，但没有解释。你能告诉我们解决方案是什么吗？好的。我有这个问题，我选择了牙签作为答案，但没有解释。你能告诉我们解决方案是什么吗？好的。我也有这个问题