JSfiddle：マルチJS/CSS/HTMLファイルプロジェクトを作成する方法は？

Question

JSfiddle.netに複数のHTML、CSS、JSファイルを含む深刻なHTML/CSS/JSプロジェクトを作成する方法はありますか？ 「はい」の場合はどうすればよいですか？

---

私は、HTML/CSS/JSファイルのダースについては、HTML/CSS/JSに基づいて基本的なモバイルアプリケーションを作成します。私はすべてJSfiddle、私のお気に入りのOnline JavaScript IDEでそれを開発したいと思います。しかしJSfiddle.netプロジェクトをテストするためのクリーンな方法は、これらに限定されたままながら：（個人）

1 CSSファイル（個人）

1 JSファイル（個人）

いくつかの外部

• 1 htmlファイルあなたに別のウェブホスティングをリクエストするリソース（CSS、JSライブラリ、データ）

1HTML/1JS/1CSS/someDataFilesの公式ドキュメントsuggesting Github hostingは満足できません。私はすべてJSFiddle上で、私のプロジェクトにもっとたくさんのファイルが欲しいです。

Answer 1

jsFiddleの中で行うことはできますが、制限はほとんどなく、おそらくそれに満足することはできません。

1. 1つのHTML複数ページテンプレートのみをテストできます。しかし、jQuery Mobileフレームワークの場合、1 htmlファイル内に多数のjQMページを配置できるので、これで十分です。このグループに貢献したときに

   例えば、これは私のjsFiddleテンプレートです：http://jsfiddle.net/Gajotres/yWTG2/

2. あなたは、通常のフォームの提出を使用傾けます。代わりに、ajaxを使用してフォームデータを破壊する必要があります。あなたはAjaxフォームのためのソリューションを提出し、どのようにページ遷移時のパラメータを送信するために見つけることができます私の他の回答で

   ：

   var ajax = { 
       sendRequest:function(save_data){ 
        $.ajax({url: 'http://localhost/JSONP_Tutorial/json.php', 
         data: save_data, 
         async: true, 
         beforeSend: function() { 
          // This callback function will trigger before data is sent 
          $.mobile.showPageLoadingMsg(true); // This will show ajax spinner 
         }, 
         complete: function() { 
          // This callback function will trigger on data sent/received complete 
          $.mobile.hidePageLoadingMsg(); // This will hide ajax spinner 
         }, 
         success: function (result) { 
          if(result == "true") { 
           $.mobile.changePage("#index", { transition: "slide"}); // In case result is true change page to Index 
          } else { 
           alert('Login unsuccessful, please try again!'); // In case result is false throw an error 
          } 
          // This callback function will trigger on successful action 
         }, 
         error: function (request,error) { 
          // This callback function will trigger on unsuccessful action     
          alert('Network error has occurred please try again!'); 
         } 
        }); 
       } 
   } 
   

3. ：jQuery Mobile: Sending data from one page to the another

   リモートホストと通信したい場合jsFiddleには完全なHTMLファイルの使用を防ぎたいという愚かな方針があります。彼らはHTMLコンテンツの部分で愚かなエラー警告でこれを強制しようとしています。この愚かさを取り除くには、firebugプラグインのようなものがFirefoxやChrome用に必要です。あるいはGrease Monkeyプラグインでもできます。場合

4. あなたは、この例のように、完全なHTMLテンプレートを使用したい：http://jsfiddle.net/Gajotres/yWTG2/あなたがonDomready状態であなたのjavascriptのコードを使用する必要があります。

5. 一部の機能は動作しません。 window.orientationchangeイベントのように。私はあなたがあなたのCDNとしてjsfiddle使用することになっているとは思わない