Android JSFIDLE:如何创建多个JS/CSS/HTML文件项目?

Android JSFIDLE:如何创建多个JS/CSS/HTML文件项目?,android,jquery-mobile,mobile,ide,jsfiddle,Android,Jquery Mobile,Mobile,Ide,Jsfiddle,有没有办法在JSfiddle.net上创建一个包含多个HTML、CSS、JS文件的严肃的HTML/CSS/JS项目? 如果是,怎么做 我想创建一个基于HTML/CSS/JS的基本移动应用程序,大约有十几个HTML/CSS/JS文件。我想在我最喜欢的JSFIDLE上开发它。但是JSfiddle.net虽然测试项目的干净方法仍然局限于: 1个html文件(个人) 1个CSS文件(个人) 1个JS文件(个人) 几个外部资源(CSS、JS库、数据)请求您另一个网络主机 1HTML/1JS/1CSS

有没有办法在JSfiddle.net上创建一个包含多个HTML、CSS、JS文件的严肃的HTML/CSS/JS项目? 如果是,怎么做


我想创建一个基于HTML/CSS/JS的基本移动应用程序,大约有十几个HTML/CSS/JS文件。我想在我最喜欢的JSFIDLE上开发它。但是JSfiddle.net虽然测试项目的干净方法仍然局限于:

  • 1个html文件(个人)
  • 1个CSS文件(个人)
  • 1个JS文件(个人)
  • 几个外部资源(CSS、JS库、数据)请求您另一个网络主机

1HTML/1JS/1CSS/someDataFiles的官方文档不令人满意。我希望所有的东西都在JSFIDLE上,我的项目中有更多的文件。

您可以在JSFIDLE中完成,但有一些限制,您可能不会对它感到满意

  • 您只能测试1个HTML多页模板。但是对于jquerymobileframework,这就足够了,因为您可以在一个1html文件中放置许多jQM页面

    例如,在帮助此组时,这是我的JSFIDLE模板:

  • 您不能使用普通表单提交。相反,您应该使用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!');
                }
            });
        }
    }
    
  • JSFIDLE有一个愚蠢的策略,他们想阻止使用完整的HTML文件。他们试图在HTML内容部分使用愚蠢的错误警告来强制执行这一点。你需要像Firefox或Chrome的firebug插件这样的东西来消除这种愚蠢。或者你甚至可以用油脂猴插件来做

  • 如果您想使用完整的HTML模板,如本例所示:您需要在onDomready状态下使用javascript代码

  • 有些功能不起作用。比如window.orientationchange事件


  • 我不认为你应该使用JSFIDLE作为你的CDN…我想要伟大的JSFIDLE作为我的单曲。你会遇到很多错误。谢谢你的提示。我认为没有现成的解决方案。