未应用 jQuery Mobile 规则
这是我的 index.jsp 文件，但 jQuery mobile CSS 和 JS 不执行其工作。
我的 .css 和 .js 文件与 index.jsp 位于同一目录级别。它们应该位于不同的目录中吗？这是我的目录结构
这是我的 index.jsp：
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.0a4.1.css" />
<script type="text/javascript" src="jquery.mobile-1.0a4.1.js"></script>
</head>
<body>
<div data-role="fieldcontain">
<label for="slider">Input slider:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
</div>
</body>
</html>
Firebug 说这两个资源都已加载
This my index.jsp file but the jQuery mobile CSS and JS do not do their work.
My .css and .js files are at the same dir level as index.jsp. Should they be in a different directory? Here is my directory structure
Here is my index.jsp:
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.0a4.1.css" />
<script type="text/javascript" src="jquery.mobile-1.0a4.1.js"></script>
</head>
<body>
<div data-role="fieldcontain">
<label for="slider">Input slider:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
</div>
</body>
</html>
Firebug says that both resources are loaded
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
您需要在内容周围添加 data-role="page" 标签并添加 jQuery 框架
You need to add the a data-role="page" tag around the content as well as add the jQuery framwork
您的页面与此处所示的参考页面结构相去甚远< /a>.
你应该在你的身体后面包裹你的字段包含以下内容：
Your page is far from the reference page structure as shown here.
You should have the following wrapping your field-contain after your body:
jQuery mobile 需要 jQuery 也将被加载。下载它，将其放在同一文件夹中，并在加载 jQuery mobile 之前添加以下行。
The jQuery mobile requires jQuery to be loaded as well. Download it, put it in the same folder and add the following line before you load jQuery mobile.
emmm你需要将它们包含在文件的标题中：
emmm you need to include them in the header of the file:
在使用 jquery-mobile 和 jsp 时需要确保您使用的是 cdn 路径
while using jquery-mobile with jsp's need to make sure you are using the cdn path