JSfiddle: как создать мульти-JS/CSS/HTML файлы проекта?

Вы можете сделать это внутри jsFiddle, но есть несколько ограничений, и вы, вероятно, не будете удовлетворены этим.

1. Вы можете протестировать только 1 шаблон HTML с несколькими страницами. Но в случае jQuery Mobile framework этого будет достаточно, так как вы можете разместить множество страниц jQM внутри одного html-файла.

   Например, это мой шаблон jsFiddle, когда я помогаю этой группе: http://jsfiddle.net/Gajotres/yWTG2/

2. Вы не можете использовать нормальную форму предоставление. Вместо этого вы должны использовать AJAX, чтобы отправить данные формы.

   В моем другом ответе вы можете найти решения для отправки формы ajax и отправки параметров при переходе страницы: jQuery Mobile: отправка данных с одной страницы на другую

   Если вы хотите связаться с удаленным хостом:

   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. У JsFiddle есть глупая политика, где они хотят предотвратить использование полных HTML-файлов. Они пытаются добиться этого с помощью глупых предупреждений об ошибках в части содержимого HTML. Вам нужно будет иметь что-то вроде плагина firebug для Firefox или Chrome, чтобы удалить эту глупость. Или вы даже можете сделать это с помощью плагина Grease Monkey.

4. В случае, если вы хотите использовать полный HTML шаблон, как в этом примере: http://jsfiddle.net/Gajotres/yWTG2/ вам нужно будет использовать код javascript в состоянии onDomready.

5. Некоторые функции не будут работать. Как окно.событие orientationchange.