6

为了回答带有 JavaScript 输入的问题，我经常使用JSFiddle上的 Demos 。它非常有用，但是当我回答这个工具提示问题时，我需要使用jQuery UI。

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

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

真的解决了吗？不？！

因为如果用户以前打开过 jQuery 演示，此链接非常有用，但正如我在工作中看到的那样，如果我只打开小提琴而没有打开过一个演示，它就不起作用。

  • 这是为什么？
  • 我该如何解决这个问题？
  • 我应该如何在 jsFiddles 中为 jQuery 链接 css？此外， Google 的 CDN仅包含 JavaScript 文件。

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

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

4

2 回答 2

3

Neysor，我真诚的道歉——我是个白痴。

我确实看到了同样的问题，但没有得到 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 文档可能是值得的

希望这可以帮助！

于 2012-05-07T09:14:34.850 回答
0

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

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

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

于 2012-05-07T08:35:27.277 回答