为什么我的jQuery UI CSS无法在JSFiddle中运行？

Question

对于使用JavaScript输入回答问题,我经常在JSFiddle上使用Demos .它非常有用,但当我回答这个工具提示问题时,我需要使用jQuery UI.

这种用法的问题是,您可以在Framework选择中检查jQuery UI,但它只加载js文件而不加载css文件.

所以我决定链接到http://jqueryui.com/themes/base/jquery.ui.all.cssjQuery UI官方演示中使用的这个.=>问题解决了.

真的解决了？没有？!

因为如果用户之前打开过jQuery Demo,这个链接效果很好,但正如我在我的工作中看到的那样,如果我只打开小提琴而没有打开一个演示,它就不起作用.

• 这是为什么？
• 我该如何解决这个问题？
• 我应该如何在jsFiddles中为jQuery链接css？Googles CDN也只包含JavaScript文件.

我不想托管我自己的css文件,只是为了在jsfiddle上发布演示......

PS:我提到这种行为的JSFiddle是http://jsfiddle.net/neysor/r9yfw/

Answer 1

内索尔，我真诚地道歉——我是个白痴。

我确实看到了同样的问题，但没有得到 CSS，我想我已经找到了问题所在。

看来 jqueryui.com 可能正在对请求进行引用检查，并向域外的人返回 403（这是有道理的）。这就是为什么当您在另一个窗口中查看 UI 元素时它会起作用，因为 CSS 将被缓存。

让它工作pl0x！

如果您打开“管理资源”选项卡并删除 'jquery.ui.all' 并替换为 this http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css，则所有内容都应该运行良好（或至少更好）。对任何/所有 CSS 资源执行此操作。

我已经分叉了你的 jsFiddle并看到了一些改进。

一旦您有了完整的解决方案，可能值得检查一下jsFiddle 文档，看看我们是否可以将此记录下来（或者更好的是，修复！）

希望这可以帮助！