当我复制一个 jQuery UI 示例以在本地运行时，它会丢失一些视觉样式答案

【问题标题】：When I copy a jQuery UI example to run locally it loses some visual styling当我复制一个 jQuery UI 示例以在本地运行时，它会丢失一些视觉样式
【发布时间】：2017-07-24 18:13:32
【问题描述】：

我试图在此页面上运行连接列表示例： jQuery UI #Connected Lists

但是当我将 html 和 style.css 文件复制到本地目录并打开html，我没有得到如图所示的突出显示颜色和边框

我从 URL 获得的信息

我在本地运行时得到什么

在html代码中，第一列为“ui-state-default”类，第二列为“ui-state-highlight”

拖放功能仍然存在，只是样式没有。

是否有一些未包含在提供的代码中的演示环境初始化？

【问题讨论】：

你复制代码中引用的两个样式表，以及本地的东西吗...背景颜色来自引用的jquery.ui.css文件。
感谢@MarkSchultheiss 的评论！你是对的，我已经复制了本地代码，但认为我不需要复制另一个，但问题在这里解释 [stackoverflow.com/questions/6785442/…@MatasVaitkevicius 给出的底部答案中

标签： jquery-ui

【解决方案1】：

答案在于对这里给出的 jQuery .css 文件的引用：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

问题在于以双 // 开头的引用。我通过在双引号之前添加 https: 或将其复制到本地并删除 // 来使其工作。问题是 // 没有正确解释 file:// 访问。在这里讨论：Browser support for URLs beginning with double slash 见@Matas Vaitkevicius 的答案

【讨论】：