jquery mobile 仅替换内容 div

标签 jquery mobile jquery-mobile

我正在使用 jquery mobile,我喜欢多页面概念,您只需引用它们的 id 即可将空洞页面替换为另一个页面。

现在我的应用程序有一个导航栏(当然),我讨厌当我单击导航栏中的链接时,整个页面向左滑动(包括导航栏),而另一个页面来自对。

我只是想替换内容div,导航栏应该固定在底部而不是一直刷新!你懂我的意思吗?如果我只是引用内容 div id,它不会像我引用页面 id 那样工作。

我希望你明白我的意思。那么我该如何处理这个问题呢?

最佳答案

一种方法是重写链接的 click 事件,并用新内容替换 div(目标)的内容。在 jQuery 中这样做很简单,例如

 $('#replacement-target').html( $('#source-content').html() ); 

要使用 jQuery,您可能需要对内容调用refresh,以确保框架正确设置其样式。

查看此jsFiddle举个例子。

关于jquery mobile 仅替换内容 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10153965/

相关文章:

javascript - Jquery Jplayer 动态播放列表

jquery - Twitter 时间轴小部件因 JQuery “Hide/Show” 而消失

JQuery 表格突出显示使用条件

jquery-mobile - 在 jQuery Mobile 中进行 Ajax 加载后,jQuery 事件将不起作用

jQuery Mobile 和固定页脚

javascript - 如何在getcontenttools库中通过jquery发送ajax

android - 如何使用 Delphi XE6 区分 Firemonkey TListView 项目上的 OnClick 和 Swipe

jquery - 如何 "turn off"jQuery Mobile 的 <select> 下拉样式?

ios - iPhone 应用程序图标显示白色背景

javascript - 使用 animate.css 库和 jquery mobile 实现页面转换