JSfiddle: çoklu JS/CSS/HTML dosyaları nasıl oluşturulur?

Question

JSfiddle.net'te birden fazla HTML, CSS, JS dosyası bulunan ciddi bir HTML/CSS/JS projesi oluşturmanın bir yolu var mı? Evet ise nasıl yapılır?

---

HTML/CSS/JS dosyaları yaklaşık bir düzine, HTML/CSS/JS dayalı bir temel mobil uygulamaları oluşturmak istiyorum. Her şeyi JSfiddle'da, en sevdiğim Online JavaScript IDE'da geliştirmek istiyorum. Ama JSfiddle.net projelerini test için temiz bir yolu sınırlı kalır iken: (kişisel)

1 CSS dosyası (kişisel)

1 JS dosyası (kişisel)

birkaç harici

• 1 html dosyası Başka bir webhosting talep eden kaynaklar (CSS, JS libs, data).

1HTML/1JS/1CSS/someDataFiles için resmi belge suggesting Github hosting tatmin edici değildir. Tüm JSFiddle ve projemde daha fazla dosya diliyorum.

Answer 1

Bunu jsFiddle'ın içinde yapabilirsiniz, ancak birkaç sınırlama vardır ve muhtemelen bundan memnun kalmayacaksınız.

1. Yalnızca 1 HTML çoklu sayfa şablonunu test edebilirsiniz. Ancak jQuery Mobile çerçevesi durumunda, 1 html dosyasının içine sayısız jQM sayfaları yerleştirebildiğiniz için bu yeterli olacaktır. http://jsfiddle.net/Gajotres/yWTG2/

2. Normal formu gönderdikten cant'kullanma: Bu gruba yardımcı olurken

   Örneğin, bu benim jsFiddle şablondur. Bunun yerine form verilerini toplamak için ajax kullanmalısınız. Benim diğer cevap olarak

   nasıl sayfa geçişi sırasında parametreleri göndermek için ajax formu göndererek ve çözüm bulabilirsiniz:

   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. : durumunda jQuery Mobile: Sending data from one page to the another

   bir uzak ana iletişim kurmak istiyorum jsFiddle, tam HTML dosyalarının kullanımını önlemek istedikleri aptal bir politikaya sahiptir. HTML içerik bölümündeki aptal hata uyarılarıyla bunu uygulamaya çalışıyorlar. Firefox veya Chrome için bu aptallığı kaldırmak için firebug eklentisi gibi bir şeye ihtiyacınız olacaktır. Ya da Grease Monkey eklentisi ile bile yapabilirsiniz.

4. Bu örnekte olduğu gibi tam HTML şablonunu kullanmak isterseniz: http://jsfiddle.net/Gajotres/yWTG2/ javascript kodunuzu onDomready durumunda kullanmanız gerekir.

5. Bazı işlevler çalışmayacak. Window.orientationchange olayı gibi.