JSfiddle：如何创建多个

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

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

你不能使用正常的表单提交。 相反，你应该使用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!');
            }
        });
    }
}

jsFiddle有一个愚蠢的政策，他们想阻止使用完整的HTML文件。 他们试图用HTML内容部分中的愚蠢错误警告来强制执行此操作。 你需要有类似Firefox或Chrome的firebug插件来消除这种愚蠢。 或者你甚至可以使用Grease Monkey插件来做到这一点。

如果你想使用像这个例子中的完整的HTML模板：http://jsfiddle.net/Gajotres/yWTG2/你需要在onDomready状态下使用你的javascript代码。

一些功能不起作用。 像window.orientationchange事件一样。