web-dev-qa-db-ja.com

JSFiddleでjQuery UIを有効にする方法

「Frameworks＆Extensions」部分にはjQuery UIのオプションはありません。外部リソースとして追加する必要がありますか？

jquery-uijsfiddle
44
prigero

JSフレームワークを追加するためのUIが適応されました（複数回）。

現在、Javascriptセクションのsettings-cog-wheelをクリックして、これらのフレームワークを追加できます：

screenshot of JS context menu

59
reto

JSFiddle Frameworks＆Extensionsの選択は、Javascriptペインオプションに移動しました！

enter image description here

17
dotancohen

新しい回答

今日jsFiddleサイトを確認すると、いくつかのコントロールが追加されていることがわかります。これは、レトおよびドタンコヘンと同じ答えのスタイルです。

UIの部分はまだ具体的にテストしていませんが、jQueryバージョンを選択すると(Edge)または1.9.1、ドロップダウンボックスの下に表示されるチェックボックスのリストでjQuery UIを使用できます。

Enabling jQuery and jQuery UI in jFiddle easily

古い答え

他の回答（ dotancohenの回答 を補完するつもりです）とともに、かなり重要なJSFiddle UIの変更について説明しましたが、jQuery UIは特に選択肢ではないと言って情報を仕上げたいと思いました。左側の「外部リソース」に移動して、これらのURLも入力する必要がありました。

https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.jshttps://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css

jQuery UI JSFiddleの例

13
Pysis

[外部リソース]の下で、テキストフィールドをクリックして、googleからの次のようなホストされたjQueryライブラリのURLを入力します：https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js。次に、プラスアイコンをクリックします。

4
T3.0