- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个phonegap/jquerymobile 应用程序,我似乎无法使用pagecontainer #change 来工作。我已经尝试了我能找到的最新语法,但似乎遗漏了一些东西。
function goToCards() {
console.log('got to goToCards');
$(':mobile-pagecontainer').pagecontainer('change', '#cardsPage');
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>BibHub Mobile</title>
</head>
<body>
<div class="app" data-role="page" id="loginPage">
<div data-role="header">
<h1>Biphub</h1>
</div>
<div data-role="content">
<a href="#" data-role="button" onclick="goToCards()"> go to cards</a>
</div>
</div>
<div class="app" data-role="page" id="cardsPage">
<div data-role="header">
<h1>Biphub</h1>
<h2>Your UID is <span id="uidSpan"></span></h2>
</div>
<div data-role="content">
<p>Your card stack is currently empty. Way to go!</p>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
</html>
当我在 xcode 中运行该应用程序时,我成功记录了“got to goToCards”。但是,没有页面更改或任何错误。普通的非 js 函数链接可用于转换页面。有什么想法吗?
最佳答案
pagecontainer 小部件及其方法是在 jQuery Mobile 1.4 版中引入的。您似乎使用的是非常旧的版本(1.0)。可以同时升级 jQuery 和 jQuery Mobile 版本吗?
如果没有,您需要使用 $.mobile.changePage
: API DOC
关于javascript - 页面容器#change-JqueryMobile-Phonegap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33858714/
我正在构建一个小型移动应用程序,我有一个关于 JQM 的问题。 当用户登录时,用户将被重定向到页面 A。页面 A 通过 JQM 的 loadPage 进行加载(示例:$.mobile.loadPage
我正在尝试在 MVC 中创建一个 移动网站,我是 jquerymobile 的新手,我从 JQM 教程中复制了以下代码并将其粘贴到 MVC 中的 View 中 Home
我正在使用 jquerymobile 为网络应用程序创建一个 radio 组。在某一时刻,用户必须在“男性”和“女性”之间进行选择。我有点击(触摸)性别和未点击性别的图像。我想用具有两种状态的两个图像
我正在尝试构建一个虚拟页面来理解 Jquerymobile,但我无法在以下链接上实现“菜单”[单击页面上的菜单按钮]: http://jquerymobile.com/branches/popup-w
我尝试使用 jquery mobile 进行自动完成输入。 ' 所以我在这里找到了一个演示: http://demos.jquerymobile.com/1.4.0/listview-autocomp
var dw=function(string){ document.write(string+"-Hello"); } dw("Hi") //Hi-Hello 这很好用。但是当我将此 header
我想使用 jQuery 在发生某些事件时删除输入字段: $('#myInputId').remove(); 但是如果我尝试一下,周围的 div(由 jQueryMobile 自动添加)不会被删除。所以
在我的 jquery 移动应用程序中,我想在打开弹出窗口后自动将焦点设置在输入字段上。输入字段位于弹出窗口中,如下所示。焦点在开始时设置正确,但在弹出窗口完全降低后丢失。 open
我有一个包含五个单元格的 jQuery Mobile 网格系统。我想让这些单元格的内容与单元格的中间对齐。 我尝试添加: text 但这没有用。 还有: text 没用。 我创建了一个 fiddle检
我有一个多页面的 jQueryMobile 站点,它使用 data-title 属性来更新每个单独页面上的页面标题。这在大多数现代浏览器中都可以正常工作,但它不会反射(reflect)在 Google
如何使用 jQuertMobile 动态创建按钮。 最佳答案 非常简单: 首先创建一个按钮 HTML JQuery 元素: var button = $("My Button"); 接下来,将按钮插入
VERIFY 我使用上面的代码,它是一个带有 onClick() 设置的 jQM 按钮。调用 onclick 并执行 doSomething() 但之后,jQM 显示“错误加载页面”消息。 如何抑制该
我有这样的代码: function getData(){ $.ajax({ url: 'http://pechati.ru/extdata/baseparts/filialsW
我有一个使用 Jquery Mobile 的页面。我尝试过使用简单的 anchor Text text 但调用 Jquery Mobile 时似乎这是不可能的。有谁知道可用的解决方法?我搜索了一段
这是来自 jquerymobile 应用程序的片段。这是一个简单的文件管理器,允许删除文件,我想确认删除。我正在尝试使用 JavaScript confirm 来仔细检查操作是否应该继续;但似乎无论我
我正在开发一个使用 jquerymobile fb 滑动方法的应用程序,不知道它在哪里显示原始内容。然而。我最大的问题是它需要一个链接并尝试通过某种 ajax get 方法动态加载页面。这不是我想要的
我的 Phonegap 和 jQM 应用程序出现问题。其中,一个事件在 Android 设备上触发两次。 为了消除闪烁效果,我将页面过渡设置为“无”。当我单击菜单按钮时,它会导航到第 2 页。此外,该
如何捕获单击 jQueryMobile 中 ListView 组件的过滤器清除按钮的事件? 我尝试过选择器 $('.ui-input-clear'), $('.ui-input-search a'),
我正在努力完成这个任务。 我有两列网格 A B C D
我正在使用JQueryMobile's experiment Datepicker有一段时间它在旧框架中工作了。昨天我将框架更改为最新的框架,发现当我单击外部时,它会破坏日期选择器的布局。 有人遇到过
我是一名优秀的程序员,十分优秀!