6

JavaScript入力で質問に答えるために、私はJSFiddleのデモをよく使用します。これは非常に便利ですが、このツールチップの質問に答えるときに、jQueryUIを使用する必要がありました。

この使用法の問題は、フレームワークの選択でjQuery UIを確認できますが、cssファイルではなくjsファイルのみをロードすることです。

http://jqueryui.com/themes/base/jquery.ui.all.cssそこで、jQueryUIの公式デモで使用されているこれにリンクすることにしました。=>問題は解決しました。

本当に解決しましたか？いいえ？！

このリンクは、ユーザーが以前にjQueryデモを開いたことがある場合はうまく機能しますが、私の仕事でここで見たように、デモを1つも開かずにフィドルを開くだけでは機能しません。

  • 何故ですか？
  • そして、どうすればこの問題を解決できますか？
  • jQueryのjsFiddlesでcssをリンクするにはどうすればよいですか？また、GoogleのCDNにはJavaScriptファイルのみが含まれています。

jsfiddleにデモを投稿するためだけに、自分のcssファイルをホストしたくありません...

PS：この動作について言及したJSFiddleはhttp://jsfiddle.net/neysor/r9yfw/です。

4

2 に答える 2

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リソースに対してこれを実行します。

私はあなたの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 に答える