对于使用JavaScript输入回答问题,我经常在JSFiddle上使用演示。这非常有用,但当我回答this tooltip问题时,我需要使用jQuery UI。
这种用法的问题是,您可以在Framework选择中检查jQuery UI,但它只加载js文件而不加载css文件。
所以我决定链接到jQuery UI官方演示中使用的http://jqueryui.com/themes/base/jquery.ui.all.css
。 =>问题解决了。
真的解决了吗?没有?!
因为如果用户之前已经打开过jQuery Demo,这个链接效果很好,但正如我在我的工作中看到的那样,如果我只打开小提琴而没有打开一个演示,它就不起作用。
我不想托管我自己的css文件,只是为了在jsfiddle上发布演示......
PS:我提到这种行为的JSFiddle是http://jsfiddle.net/neysor/r9yfw/
答案 0 :(得分:3)
Neysor,我真诚的道歉 - 我是个白痴。
我确实看到了同样的问题而没有获得CSS,我想我已经找到了问题。
似乎jqueryui.com可能正在针对请求进行引荐来检查,并将403返回给域外的人(这是有道理的)。这就是为什么当你在另一个窗口中查看UI元素时它正在工作,因为CSS将被缓存。
如果打开“管理资源”选项卡并删除“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
)。