jQuery Mobile:AJAX 响应仅嵌入第一个
我正在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论