我是一名新手网络开发人员，我正在构建一个适合移动设备的网站系统。我目前正在使用 Bootstrap 为它添加响应能力，PHP5、MySQL 和偶尔的 Ajax/JQuery。
我最近遇到了 JQuery Mobile。我一直在使用常规的 JQuery/Ajax 来加载内容而不刷新整个页面等。
我的问题是：
普通的 JQuery 在手机上还能正常工作吗？例如用于更改页面内容的代码：
$('#content').load('content/main.php');
$('ul#nav li a').click(function() {
var page = $(this).attr('href');
$('#content'(.load('content/' + + '.php');
});
【问题讨论】：
标签： jquery html css ajax twitter-bootstrap
听起来你是在正确的轨道上。
首先，您在该 jQuery sn-p 中缺少一个文件名，但这与您关于 sn-p 的问题无关。
$('#content').load('content/main.php');
$('ul#nav li a').click(function() {
var page = $(this).attr('href');
$('#content'(.load('content/' + someJavascriptVarShouldGoHere + '.php');
});
简而言之，不，这不会改变。考虑在移动设备上使用网络，在大多数情况下，您使用的是 Safari、Chrome 或您最喜欢的移动浏览器，它们保留了桌面对应的 JavaScript 引擎。因此，您编写的所有 javaScript 和 CSS 都将保留相同的功能。如果您在开发过程中没有设置设备来测试您的网站，那么开发者控制台中的 chrome 移动仿真工具是一个很好的起点，但它无法击败使用真实设备进行测试。仿真始终只是一种足够的测试解决方案。
jQuery mobile 面向 touch 功能，而不是响应性，这是我理解您所问的。
至于要考虑的事情：
响应式设计与目标视口大小
您可以选择两条路径：构建可扩展的网站
相对于视口，或者以某种方式构建你的 CSS
视口断点布局更改以适应视口。两者都有效
方法，但我使用有针对性的方法取得了更大的成功。
以移动为先的设计，提炼所有最重要、最相关的内容 内容下降并仅显示该内容，并为您添加花里胡哨 获得屏幕空间。
有很多关于引导程序和良好文档的网站和教程。我建议做一些谷歌搜索并深入研究引导文档。
就内容和形式而言，结合使用 Angular 和引导程序，我取得了很大的成功。他们一起玩得很好：angular-ui bootstrap module。最近我一直在构建 Angular 站点，使用引导程序作为站点的 UI，将 php 作为数据访问层，以 RESTful 服务的形式向应用程序提供内容。 [slim]（google slim 框架）是一个很棒的微框架，可以帮助您快速轻松地设置 RESTful 端点，而 [PIP]（google pip 框架）是另一个小型且易于使用的框架，可以帮助您构建服务器端处理和数据访问层
【讨论】：
您应该考虑用于移动设备的浏览器模拟器，是的，jQuery 在几乎所有移动设备上都可以正常工作。 另外我鼓励你寻找一个 php 框架，它会对你有很大帮助。
【讨论】：