$.mobile.changePage 之后的回调函数通过 AJAX 加载
Callback function after $.mobile.changePage loads via AJAX?
我想绑定一些新事件并在动态加载的页面上调用一些函数,但那里的示例似乎已经过时和/或不完整(甚至是 jqm 文档)。我正在使用jQuery 1.7.2和jQuery Mobile 1.2。做这样的事情的正确方法是什么?
$('#someButton').click(function(e) {
e.preventDefault();
$.mobile.changePage("mypage2.html", {
type: 'GET',
changeHash: true
});
//BELOW SHOULD BE CALLED WHEN THE PAGE LOADS THOUGH
doSomething();
$('#menu_page .request-items', contentScopeOfPage2).click(function (e) {
doSomethingElse();
});
});
通常,您为有问题的伪页面设置一个委托的事件处理程序,如下所示:
$(document).on('pageinit', '#menu_page', function () {
$(this).find('.request-items').on('click', doSomethingElse);
});
将此代码放在全局范围内,每当初始化#menu_page
伪页面(无论是远程文档还是同一文档中的伪页面)时,都将正确设置 click
事件处理程序。
这是一个演示:http://jsfiddle.net/mSAzF/
相关文章:
- 无法在通过jQuery的ajax加载的页面中执行javascript
- 获取ajax加载的图像的大小
- 分页:如何用AJAX加载第一个页面
- 页面加载之前的jQuery Ajax加载程序
- ajax加载了内容,脚本没有执行
- 如何使用post和ajax加载视图Codeigniter
- $(select).selectmenu('打开')不'如果使用ajax加载页面,则不起作用
- ajax加载()后,包含图表的图像不会重新绘制
- 如果数据为空,Ajax加载不会停止
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 将内容ajax加载到html弹出窗口中
- 导航栏和AJAX加载
- 用于各个元素的Ajax加载程序
- 通过AJAX加载页面并执行javascript和CSS
- 使用ajax加载页面的一部分
- 从表单中动态生成一个字符串,传递给通过AJAX加载的PHP文件
- 显示全屏Ajax加载程序的最佳方式
- 获取通过AJAX加载的元素
- 如何在rails应用程序中测试AJAX加载的内容
- 如何在Ajax加载新内容时停止JavaScript执行