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

时间:2012-05-07 07:58:47

标签: javascript jquery css jquery-ui jsfiddle

对于使用JavaScript输入回答问题,我经常在JSFiddle上使用演示。这非常有用,但当我回答this tooltip问题时,我需要使用jQuery UI

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

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

真的解决了吗?没有?!

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

  • 为什么?
  • 我该如何解决这个问题?
  • 如何在jsFiddles中为jQuery链接css?另外Googles CDN仅包含JavaScript文件。

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

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

2 个答案:

答案 0 :(得分:3)

Neysor,我真诚的道歉 - 我是个白痴。

我确实看到了同样的问题而没有获得CSS,我想我已经找到了问题。

似乎jqueryui.com可能正在针对请求进行引荐来检查,并将403返回给域外的人(这是有道理的)。这就是为什么当你在另一个窗口中查看UI元素时它正在工作,因为CSS将被缓存。

让它工作pl0x!

如果打开“管理资源”选项卡并删除“jquery.ui.all”并替换为此http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css,则所有应该都可以正常工作(或者至少更好)。对任何/所有CSS资源执行此操作。

forked your jsFiddle并看到了一些改进。

一旦你有一个完整的解决方案,看看我们是否能记录下来(或更好,修复了!),可能值得使用jsFiddle docs来检查。

希望这有帮助!

答案 1 :(得分:0)

jsfiddle文档在其“添加资源”部分中包含此内容:

  

警告:jsFiddle正在通过识别资源的类型   延期。如果您想使用动态资源,请添加一个虚拟   GET变量即   http://example.com/download/js/dynamically.js?somevar=somevalue&dummy=.js。   这将欺骗jsFiddle将其识别为JavaScript资源。

不能完全预测您的问题或解决方法,但值得一试(使用dummy=.css)。