JQueryUI 单选按钮示例不起作用
JQueryUI Radio Button Examples Not Working
我正在尝试用漂亮的 JQueryUI 类型替换一些单选按钮。但是，当我将 http://jqueryui.com/button/#radio 处的示例代码（在该页面上可以正常工作）直接复制到 "test.htm" 并在同一浏览器中打开它时，我得到了普通的、无样式的单选按钮。
"Default Functionality" 下 http://www.tutorialspoint.com/jqueryui/jqueryui_button.htm 的示例代码怎么样？在我的浏览器中，文本描述了制作一组单选按钮（即只能选择一个），但他们的示例是一组复选框（其中 0-all 可以选择）。我尝试将他们的代码粘贴到一个文件中并打开它。我得到了与他们的演示页面相同的结果：漂亮的分组复选框。将输入类型变成 "radio" 使它们不起作用；点击什么都不做。
为什么官方 JQueryUI 示例代码不能在这台计算机上运行，即使它在出现该代码的页面上的演示中运行？更重要的是，我需要做些什么来制作一组简单的单选按钮，其样式类似于 JQueryUI 样式*，其功能与普通单选按钮一样？
*（稍后我可能想重新给它们上色，但这并不重要。）
浏览器是 Firefox 42。PC 在工作防火墙后面，但显然可以很好地使用 JQueryUI 代码来向我展示演示页面。如果答案是内联的并且没有通过其他网站链接，我将最容易阅读。
尝试更具体地说明您用于 jQuery 资产的 URL，例如（以 https: 为前缀并为演示提供完整路径样式表):
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
如果您检查该页面并查看您的开发者控制台，您应该会看到任何未加载资源的错误。
之前它不起作用的原因是因为仅使用 //path_to_file.js 就是在使用所谓的 "protocol relative" URL。您可以使用相对协议 URL 而不是指定 HTTP 或 HTTPS，它将使用您的浏览器正在使用的任何协议。问题是，如果您在本地加载静态文件，它将使用 file:// 协议并尝试加载您的 js，并且 css 包括使用 file: 前缀。
我正在尝试用漂亮的 JQueryUI 类型替换一些单选按钮。但是，当我将 http://jqueryui.com/button/#radio 处的示例代码（在该页面上可以正常工作）直接复制到 "test.htm" 并在同一浏览器中打开它时，我得到了普通的、无样式的单选按钮。
"Default Functionality" 下 http://www.tutorialspoint.com/jqueryui/jqueryui_button.htm 的示例代码怎么样？在我的浏览器中，文本描述了制作一组单选按钮（即只能选择一个），但他们的示例是一组复选框（其中 0-all 可以选择）。我尝试将他们的代码粘贴到一个文件中并打开它。我得到了与他们的演示页面相同的结果：漂亮的分组复选框。将输入类型变成 "radio" 使它们不起作用；点击什么都不做。
为什么官方 JQueryUI 示例代码不能在这台计算机上运行，即使它在出现该代码的页面上的演示中运行？更重要的是，我需要做些什么来制作一组简单的单选按钮，其样式类似于 JQueryUI 样式*，其功能与普通单选按钮一样？
*（稍后我可能想重新给它们上色，但这并不重要。）
浏览器是 Firefox 42。PC 在工作防火墙后面，但显然可以很好地使用 JQueryUI 代码来向我展示演示页面。如果答案是内联的并且没有通过其他网站链接，我将最容易阅读。
尝试更具体地说明您用于 jQuery 资产的 URL，例如（以 https: 为前缀并为演示提供完整路径样式表):
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">
如果您检查该页面并查看您的开发者控制台，您应该会看到任何未加载资源的错误。
之前它不起作用的原因是因为仅使用 //path_to_file.js 就是在使用所谓的 "protocol relative" URL。您可以使用相对协议 URL 而不是指定 HTTP 或 HTTPS，它将使用您的浏览器正在使用的任何协议。问题是，如果您在本地加载静态文件，它将使用 file:// 协议并尝试加载您的 js，并且 css 包括使用 file: 前缀。