Question

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

我想创建一个基于HTML / CSS / JS的基本移动应用程序，大约有十几个HTML / CSS / JS文件。我想在JSfiddle上开发它，我最喜欢的Online JavaScript IDE。但JSfiddle.net虽然是一种测试项目的简洁方法，但仅限于：

1个html文件（个人）
1个CSS文件（个人）
1 JS文件（个人）
几个外部资源（CSS，JS库，数据），它们向您请求另一个虚拟主机。

1HTML / 1JS / 1CSS / someDataFiles的官方文档suggesting Github hosting并不令人满意。我希望所有关于JSFiddle，以及我项目中的更多文件。

Answer 1

你可以在jsFiddle里面做，但是有一些限制，你可能不会对它感到满意。

您只能测试1个HTML多页模板。但是在jQuery Mobile框架的情况下，这就足够了，因为你可以在1个html文件中放置大量的jQM页面。

例如，在帮助这个群组时，这是我的jsFiddle模板：http://jsfiddle.net/Gajotres/yWTG2/

您无法使用普通表单提交。相反，您应该使用ajax来汇总表单数据。

在我的其他答案中，您可以找到ajax表单提交的解决方案以及如何在页面转换期间发送参数：jQuery Mobile: Sending data from one page to the another

如果您想与远程主机通信：

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!');
            }
        });
    }
}

jsFiddle有一个愚蠢的策略，他们希望阻止使用完整的HTML文件。他们试图在HTML内容部分中使用愚蠢的错误警告来强制执行此操作。你需要为Firefox或Chrome提供类似firebug插件的东西来消除这种愚蠢。或者您甚至可以使用Grease Monkey插件。
如果您想使用完整的HTML模板，例如：http://jsfiddle.net/Gajotres/yWTG2/，则需要在onDomready状态下使用您的javascript代码。
某些功能不起作用。喜欢window.orientationchange事件。

JSfiddle：如何创建多JS / CSS / HTML文件项目？

1 个答案: