个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
我有 2 个页面，我使用 swipeleft 和 swiperight 事件(来回)链接，但是当我滑动到另一个页面时，jquery 不会触发 pageinit 事件，我只剩下页眉和页脚。我应该使用 changePage 事件还是应该使用 loadPage 事件？我知道在其他版本的 jquerymobile 中有一个错误，其中 pageinit 事件没有触发，但我已经在使用 RC1，它已经解决了它，但事件仍然没有触发。是什么阻止它开火？提前致谢。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>esports</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<link rel="stylesheet" href="jquery.zrssfeed.css" />
</script>
<style>
</style>
</head>
<body>
<!-- index -->
<div data-role="page" id="index">
<div data-role="header">
<h1>esports times</h1>
</div>
<!--/header-->
<div data-role="content" id="content">
<div id="currentFeed">teamliquid. skgamin</div>
<ul id="rssFeed" data-role="listview">
</ul>
</div>
</div>
</body>
</html>
<!-- load javscripts here-->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"> </script>
<script src="jquery.zrssfeed.js"></script>
<script>
$('#index').bind("pageinit", (function () {
$('#rssFeed').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
limit: 10,
date: false,
});
}));
$('#index').bind("swipeleft", function () {
$.mobile.changePage("teamliquid.html", "slide", true, false);
});
</script>
<!-- /javascript-->
最佳答案
更改页面就是您要找的。加载页面只是将其加载到 dom 中，因此您可以在实际显示页面之前进行操作。
绑定(bind)到页面初始化时，请确保使用唯一 ID 绑定(bind)页面初始化事件。他们不能同时拥有 id="#index"。还要确保将页面初始化绑定(bind)到每个页面。您的代码只会为 #index 页面而不是 teamliquid.html 触发 pageinit。
在 <head></head> 中使用以下内容您的文件:
$(document).on('pageinit','#index', function(){
$('#rssFeed').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
limit: 10,
date: false,
});
});
$(document).on('pageinit','#otherpage', function(){
... This would be for the other page you are referring to....
});
$(document).on('swipeleft','#index', function(){
$.mobile.changePage("teamliquid.html", { transition: "slide" });
});
$(document).on('swiperight','#otherpage', function(){
$.mobile.changePage("index.html", { transition: "slide" });
});
或者为每个页面获取 pageinit for fire
$(document).on('pageinit','[data-role=page]', function(){
....ground breaking code...
});
从 jquery 1.7 开始，bind、live 和 delegate 都使用 .on() 方法。这是为 JQM 绑定(bind) pageinit 的推荐方法。您还可以做一些很酷的事情，例如将“#index”替换为“[data-role=page]”，让您的代码在每个页面上都触发。这是一个 JSfiddle，证明这确实有效。 http://jsfiddle.net/codaniel/cEWpy/2/
关于javascript - jquery pageinit 没有触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9883459/
27
4
0
我知道那里有很多重复的问题，我检查了几乎所有的问题，但我就是找不到针对我的情况的解决方案。所以，这是我的问题: 我有一个横幅，它将显示在项目的每个页面上，横幅内部有一个用于关闭横幅的关闭按钮，以及一个
请看下面的截图: 第一次打开页面时，右侧面板的高度计算不正确，没有填满整个页面 部分。 打开或点击页面似乎触发了 pageshow 或其他一些事件， Logo 居中，面板高度正确计算为内容 div 的
嗨，我是phonegap jquerymobile ios的新手，所以我只是尝试在pageinit中执行一个简单的警报消息，但该事件从未触发。 这是我的 jquery 代码。 $(
我不太确定我是否正确使用了 pageinit 事件。我只使用 1 个 data-role="page"。每个“.html 文件”都是一个 data-role="content"，可以通过 javasc
我是 jQuery 开发新手。我正在创建一个单页面应用程序。从一个页面导航到另一页面时，我正在调用 pageinit 方法。当我在两个屏幕之间来回导航时，我看到页面初始化被多次调用。 $(docume
问题:我的文本字段非常长，我将其 chop 并将全文放入 jQuery Mobile 弹出窗口中，单击“[更多]”链接时将显示该弹出窗口。但是，在用弹出窗口标记替换文本后，我无法找到正确的 Hook
var $page = el.parents('div[data-role="page"]:visible'); 在 pageinit() 上调用对我来说显示为 null。有谁知道从 JQM 访问元素
我有 2 个页面，我使用 swipeleft 和 swiperight 事件(来回)链接，但是当我滑动到另一个页面时，jquery 不会触发 pageinit 事件，我只剩下页眉和页脚。我应该使用 c
我有 5 页 - 为了方便起见，我们可以这样说: one.html 两个.html 三.html 四.html 五.html 当我加载每个单独的页面时，pageinit 和 pagecreate 都正
现在，我的问题很“简单”(问题是，解决方案可能不是)。我有一个使用 $.json() 检索数据的函数。数据必须加载到 使用从“pageinit”/“pageshow”调用的函数。尽管它根本不加载任何东
我使用 jQuery Mobile 1.2 创建了一个简单的 Web 应用程序。该应用程序由主页index.html 和名为settings.html 的第二页组成。主页的标题部分包含一个用于打开设置
提前感谢您查看此 jQuery Mobile(版本 1.1.0)问题。 我的第一个问题是:您使用什么函数在每个页面加载和每个 ajax 页面调用上运行(它们似乎是两个独立的野兽)？我希望它们每次都运行
我正在制作 jQueryMobile 和 PhoneGap 应用程序。我需要在页面初始化中调用ajax。不幸的是它永远不会触发: $("#kontakty").bind('pageinit', fun
我正在尝试将 Geolocation API 与 Jquery Mobile 结合使用。如果我直接从浏览器浏览到我的页面，一切正常。 但是，如果我从另一个页面导航到它，它不会加载。 此外，如果我使用“
我希望在页面加载后立即打开一个弹出窗口，但似乎被旋转轮卡住了。 这是一个 fiddler 来演示这个问题，任何帮助都将不胜感激。 http://jsfiddle.net/Ohpyx/UGfXG/ 我正
在 jquery 移动页面上初始化对象的正确方法是什么？ events docs说使用“pageInit()”，但没有该函数的示例，但给出了绑定(bind)到“pageinit”方法的示例(注意大小写
在我的页面加载中，我收到来自 jqm 的 2 条警报。我的代码有任何问题吗？ 我的代码: $(document).bind('pageinit', function () { alert('hi')
我正在开发我的第一个 jQuery Mobile 项目，但遇到了障碍。我使用的是 1.0 版本，到目前为止，该项目非常简单，三页，仅在索引上包含脚本。我一开始错误地使用了 $(document).re
我是按照jQuery Mobile官方文档的介绍看的: Important: Use pageInit(), not $(document).ready() 但是，当我写的时候: pageInit(f
我正在使用 jQueryMobile 和 PhoneGap 开发跨平台移动应用程序。我绑定(bind)到应用程序中加载的第一个页面(“主页”页面)，但 pageinit 事件没有触发。这是我的自定义
我是一名优秀的程序员,十分优秀！