jQuery Mobile:AJAX 响应仅嵌入第一个

发布于 2024-10-31 06:54:48 字数 1152 浏览 1 评论 0原文

我正在使用 jQuery Mobile 开发一个小页面/应用程序。

主页(位于 //m/home)包含指向 /m/activity 的链接。这个工作得很好,URL 哈希更改为 #/m/activity 并且显示了正确的内容。

现在,/m/activity 包含两个

以及 data-role="page"。第一个
包含一个带有 href="#activity-location-query" 的链接,其中 activity-location-query 是 <第二个
的 code>id。我遇到的问题是 jQuery Mobile 没有将第二个
嵌入到 DOM 中,正如常用的开发人员工具所显示的那样。

直接访问 /m/activity 时,链接工作正常,但 jQuery Mobile 在单击 #/m/activity 时尝试请求 /activity-location-query,因为 < code>

id="activity-location-query" 从未嵌入到 DOM 中。

我想要完成的是将应用程序的不同部分分成单独的模板文件等。但是,其中一些需要额外的对话框(例如 /m/activity 中的 #activity-location-query),我希望能够从服务器返回这些对话框与“主”页面一起(我稍后可能会选择使用 data-rel="dialog")。

您可以在 http://www.blitzortung.mobi 查看实时页面。我正在使用 jQuery 1.5.2 和 jQuery Mobile 1.0a4

I'm working on a small page/app with jQuery Mobile.

The home page (at / and /m/home) contains a link to /m/activity. This one works just fine, the URL hash changes to #/m/activity and the right content is shown.

Now /m/activity contains two <div>s with data-role="page". The first <div> contains a link with href="#activity-location-query" where activity-location-query is the id of the second <div>. The issue I'm running into is that jQuery Mobile does not embed the second <div> into the DOM as revealed by the usual developer tools.

The link works fine when going to /m/activity directly, but jQuery Mobile tries to request /activity-location-query when clicked on #/m/activity because the <div> with id="activity-location-query" has never been embedded into the DOM.

What I'm trying to accomplish is separating different sections of the app into separate template files and such. However, some of these need additional dialogs (like #activity-location-query in /m/activity) and I'd like to be able to return those from the server together with the "main" page (I may opt to use data-rel="dialog" later).

You can look at the live page at http://www.blitzortung.mobi. I'm using jQuery 1.5.2 and jQuery Mobile 1.0a4

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文