jquery-ui.css googleapis 与 localhost 的奇怪行为

Strange behavior of jquery-ui.css googleapis vs localhost

如果我从 google 服务器中包含 jquery-ui.css - 它工作正常。

<link rel="stylesheet" href="ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" >

http://codepen.io/one2gov/pen/jVVrzv

但如果我将它下载到本地存储,它的行为会有所不同 div 的位置变得相对。

<link rel="stylesheet" href="css/jquery-ui.css" >

同样的事情,如果我从本地主机上的其他在线服务中包含它,

<link rel="stylesheet" href="http://codepen.io/one2gov/pen/oYYzbw.css" >, 

但在线上不会有问题。

http://codepen.io/one2gov/pen/ZBBppG

我认为这是由于不同的加载速度造成的,但如果有人解释这种行为,我将不胜感激。

可能您使用了 file://C:/ 之类的不支持跨源请求的东西。

您可以在本地 PC 上安装网络服务器或将其上传到其他地方以支持跨源请求