jquery 3.5.1移动css格式没有显示在与vs代码的实时服务器预览中



我正在尝试使用jquery css样式表,但似乎根本无法将其格式化。我在VSCode中使用实时预览扩展,css来自jquery网站。

<!DOCTYPE html>
<html>
<head>
<title>Physics Simulator App</title>
<link rel="stylesheet" href="cssjquery.mobile-1.4.5.min.css">
<script src="scriptsjquery-3.5.1.min.js">  </script>
<script src="scriptsjquery.mobile-1.4.5.min.js">  </script>
<script type='text/javascript' src='scriptsWeek 2 homework.js'>  </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div data-role="page">
<div data-role="navbar">
<ul>
<li><a href="week 1 homework.html"> Information</a> </li>
<li><a href="Week 2 App.html" class="ui-btn-active ui-state-persist"> Interface</a> </li>
</ul>
</div>
<div data-role="header">Binary Operators Demo</div>
<div data-role="content">
<label for="input">A</label>
<input type="checkbox" name="inputA" id="inputA">
<br />
<label for="input">B</label>
<input type="checkbox" name="inputB" id="inputB">
<br />
<button onclick="AND();">AND</button>
<button onclick="OR();">OR</button>
<button onclick="NOT();">NOT</button>
<button onclick="XOR();">XOR</button>
</div>
<table id="data">
<tr>
<td>Result: </td>
<td id="resultA"></td>
</tr>
</table>
<div data-role="footer">
<small>binary operations demo app</small>
</div>
</div>
</body>
</html>

我认为我没有遗漏任何括号,文件路径适用于我自己的css文件。我尝试添加"数据主题=";a"到我的页括号,但是nada。我刚刚明白。结果

是版本问题还是?

朋友,我可能误解你英语掌握得不好。但据我所知,你的问题是jquery.mobile.css?尝试使用CDN。我复制了你的代码,并用CDN替换了(我没有找到本周2的作业.js(。将替换为CDN并执行此测试:插入此代码块:

<div class = "ui-grid-d">
<div class = "ui-block-a">
<a href="#" class="ui-btn ui-corner-all ui-shadow"> button </a> <br>
<span> any info </span>
</div>
</div>

它使用jquery.mobile.css的样式,如果它有效,问题可能出现在文件的导入中。两个提示,避免在文件名中使用空格,(第2周,可以是Week_2_jobwork(,并且在<label for = "">中不要指向";CCD_ 2";,指向您给input名称id。如果我对你的问题错了,回答说我尽力帮助你。Reggards

最新更新