Question

我正在尝试用漂亮的JQueryUI类替换一些单选按钮。但是，当我将http://jqueryui.com/button/#radio处的示例代码（在该页面上工作正常）直接复制到“test.htm”并在同一浏览器中打开时，我会得到简单，无样式的单选按钮。

“默认功能”下的http://www.tutorialspoint.com/jqueryui/jqueryui_button.htm示例代码怎么样？在我的浏览器中，文本描述了制作一组单选按钮（即只能选择一个），但它们的示例是一组复选框（其中0-all可以选择）。我尝试将他们的代码粘贴到一个文件中并打开它。我得到与他们的演示页面相同的结果：漂亮的分组复选框。将输入类型转换为“无线电”使它们无法工作;点击什么也没做。

官方JQueryUI示例代码如何在这台计算机上工作，即使它在代码出现的页面上的演示中工作，怎么可能呢？更重要的是，我需要做些什么来制作一组简单的单选按钮，其样式类似于JQueryUI样式*，其功能类似于普通的单选按钮？

*（我可能想稍后重新着色，但这不太重要。）

浏览器是Firefox 42. PC是工作防火墙的后面，但显然可以使用JQueryUI代码，足以向我展示演示页面。如果答案是内联的并且没有通过其他网站链接，那么我最容易阅读答案。

Answer 1

尝试更具体地使用您用于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正在使用所谓的“协议相对”URL。您可以使用协议相对URL而不是指定HTTP或HTTPS，它将使用您的浏览器使用的任何内容。问题是，如果您在本地加载静态文件，它将使用file://协议并尝试加载您的js和css包括使用file:前缀。

JQueryUI单选按钮示例不起作用

1 个答案: