Jquery ui 当我复制jQueryUI示例在本地运行时,它会丢失一些视觉样式

Jquery ui 当我复制jQueryUI示例在本地运行时,它会丢失一些视觉样式,jquery-ui,Jquery Ui,我试图运行此页面上的已连接列表示例: 但是当我将html和style.css文件复制到本地 目录并打开html,我没有看到图片中的突出显示颜色和边框 我从URL得到了什么 我在本地运行时得到什么 在html代码中,第一列具有类“ui状态默认值”,第二列为“ui状态突出显示” 拖放功能仍然存在,只是没有样式 是否有一些演示环境的初始化未包含在提供的代码中?答案在于对jQuery.css文件的引用: <link rel="stylesheet" href="//code.jquery.c

我试图运行此页面上的已连接列表示例:

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

我从URL得到了什么

我在本地运行时得到什么

在html代码中,第一列具有类“ui状态默认值”,第二列为“ui状态突出显示”

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


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

答案在于对jQuery.css文件的引用:

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


问题是以双精度//开头的引用。我通过在双引号之前添加https:或在本地复制它并删除//来实现它。问题是//不能正确解释文件://access。这里讨论:参见@Matas Vaitkevicius的答案

您是否复制了代码中引用的两个样式表以及本地内容…背景颜色来自引用的jquery.ui.css文件。感谢@MarkSchultheiss!你是对的,我复制了本地代码,但我不认为我需要复制另一个,但这里解释了问题[在底部的答案中由@MatasVaitkevicius给出]