使用ajax进行JQuery导航

Question

关于使用ajax的JQuery导航有一些问题，但我没有看到我正在寻找的答案，所以这是我的看法。

我有一个使用JQuery Mobile的简单网页，它使用JQM的“导航系统”，即一方的主题标签，另外还识别表单已提交并在内部执行ajaxization。换句话说，我将href =“some_url”放在A标签中，或者使用提交按钮制作一个简单的表单就足够了，JQ Mobile完成剩下的工作。

现在我需要做同样的事情，但对于桌面版本的网站。 JQ类似移动的导航系统将是理想的（但它不能用于“普通”HTML ajax，因为它清除所有非移动兼容标签的HTML），因为那时服务器端逻辑将保持不变，我只会更改“布局”（移动/桌面）以向不同设备上的用户显示不同的页面。

关于如何进行的任何想法？

谢谢，

博若

Answer 1

我一直在寻找一个类似于jQuery Mobile的框架，用于网络和移动设备而没有任何运气。

我们实施的是：

为了处理我们使用的页面导航/哈希更改： http://benalman.com/projects/jquery-hashchange-plugin/。 用此来显示/隐藏data-role="page"

使用jQuery submit()

处理Ajax表单处理

要将HTML加载到您的网页而不是关注链接，您可以使用jQuery load()

执行此操作

除此之外，我们还提供不同的移动和网络视图。这可以通过在客户端中使用media queries或通过检测设备类型服务器端来完成。