个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试复制此代码:http://jsfiddle.net/ezanker/5qe6g/1/
我正在使用 goolge blogger
我已经在模板 html 中导入了
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css' type='text/javascript'/>
<script type="text/javascript" src="/resources/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/resources/scripts/app.ui-1.0.js"></script>
<script type="text/javascript" src="/resources/scripts/jquery.mobile-1.3.0.min.js"></script>
问题是“onpagecreate”没有被调用。如果我像这样摆脱它:
function createList(menudata){
var html = '';
$.each(menudata,function(i,val){
html += '<div data-role="collapsible" data-inset="true" data-id='+val.productId+'><h3>'+val.name+'</h3><ul data-role="listview" data-inset="true">';
$.each(val.productoption,function(i,val){
html += '<li class="row">'+val.topping+'</li>';
});
html += '</ul></div>';
});
return html;
}
var menulistitem = createList(data);
$('#menu-content').empty().append(menulistitem);
$('div[data-role=collapsible]').collapsible();
$('div ul').listview();
它绘制菜单，但不可折叠。我假设它不可折叠的原因是时机已关闭
有人知道如何解决这个问题吗？
谢谢!
最佳答案
问题出在 html 文件的 head 标记中。首先，您不需要多次加载相同的文件。问题是您将 jquery.mobile-1.4.5.min.css CSS 文件放在 script 标记中。 CSS 文件需要包含在链接标记中:
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
清除一些不必要的 jquery 加载后，您的 head 标签从外部资源只需要这个:
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
查看工作代码:codePen
关于javascript - .on ("pagecreate") 没有被调用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40537227/
24
4
0
我正在尝试复制此代码:http://jsfiddle.net/ezanker/5qe6g/1/ 我正在使用 goolge blogger 我已经在模板 html 中导入了
我有一个两页的应用程序。这两个页面都有在客户端动态创建的所有内容。 问题是，如果我转到页面 A > 页面 B > 页面 A > 页面 B，在第二次访问后，页面 B 不再通过 Jquery Mobile
我有 5 页 - 为了方便起见，我们可以这样说: one.html 两个.html 三.html 四.html 五.html 当我加载每个单独的页面时，pageinit 和 pagecreate 都正
大家好。 我想更多地了解 jQuery mobile，所以我昨天就开始了，但我已经陷入了困境。 我想要实现的是: 加载index.html index.html 重定向到pages/home.html
提前感谢您查看此 jQuery Mobile(版本 1.1.0)问题。 我的第一个问题是:您使用什么函数在每个页面加载和每个 ajax 页面调用上运行(它们似乎是两个独立的野兽)？我希望它们每次都运行
我正在将外部页面加载到 jqm 页面上的 div 中，为了使用 jQuery 移动样式对其进行增强，我在 div 上调用了 trigge('pagecreate')，这可以从控制台进行。 $('#s
我有一个 JQuery Mobile 应用程序。在应用程序的第一页上，我尝试在加载时设置一些字段值(如果之前已设置)。为了尝试做到这一点，我目前有以下内容: 索引.html
我正在开发我的第一个 jQuery Mobile 项目，但遇到了障碍。我使用的是 1.0 版本，到目前为止，该项目非常简单，三页，仅在索引上包含脚本。我一开始错误地使用了 $(document).re
在我的应用程序“index.page”中，我在标签内加载了 phonegap 和 jqm 脚本。我的索引页中有一个链接，如下所示 Click here 如果我在我的索引页面中单击上面的 u
我在我的项目中使用 jQuery Mobile，我遇到了这个问题。 Uncaught TypeError: Cannot read property 'options' of undefined 如果
使用 2 个简单页面和 jQuery Mobile。 尝试在页面的每次加载时执行一些js。例如，第一页显示警报(1)，第二页显示警报(2)。当第一次在浏览器中加载页面(或刷新 F5)时，它的行为符合预
在 jQuery Mobile 中创建页面时，我需要选择第一个 TAB 作为默认值。 用官方的例子不清楚怎么做。 http://demos.jquerymobile.com/1.4.2/tabs/ 有
我之前尝试过发布这个问题，但当时没有意识到我遇到的问题来自于使用 jQuery 1.3.0 库。 我正在尝试使用 jQuery Mobile 在页面上创建一个无需用户交互的对话框。它在 FireFox
我是一名优秀的程序员,十分优秀！