Javascript Jquery mobile过渡幻灯片页面内容第二次未刷新为原始内容我有两页，一页是PaGONE，幻灯片到OrthPoad订单，当订单完成时，感谢您的订单显示，用户可以滑回到PaGONE，问题是当用户再次幻灯片到OrrdPoad，空白订单表没有显示，而是剩余的感谢您…还在那里 <!DOCTYPE html> <html> <head> <?php include 's_include'; ?> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> </head> <body> <div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> THIS IS MAIN PAGE <a href="#orderpage" data-transition="slide" id="pen_btn">GO TO PAGE TWO</a> </div>  </div>  <div data-role="page" id="orderpage"> <div data-role="main" class="ui-content"> <script> $(document).ready(function(){ $("#order_btn").click(function(){ $.post("cgi-bin/order.pl", { order:"HELLO WORLD IN READY", }, function(data,status){ document.getElementById('div_comment').innerHTML = data; }); }); //orderpage }); //ready </script> <div id="div_comment"> <textarea name="text_comment" id="text_comment" placeholder="160 chars or less, no # or @" data-role="none" rows=11 cols=20 onkeypress="if(event.keyCode==13){return false;}" onKeyDown="limitText2(this,160);" onKeyUp="limitText2(this,160);" style="resize:none;"></textarea> <span id="commenterr" style="font-weight:bold; font-size:90%;"></span> <br style="line-height:190%;"> <button id="order_btn" class="ui-btn ui-btn-inline" style="border: #ffffff 1px solid;">Enter your comment</button> <a href="#pageone" data-transition="slide"> Back </a> </div>  </div>  </body> </html>_Javascript_Php_Jquery_Html_Jquery Mobile

Javascript Jquery mobile过渡幻灯片页面内容第二次未刷新为原始内容我有两页，一页是PaGONE，幻灯片到OrthPoad订单，当订单完成时，感谢您的订单显示，用户可以滑回到PaGONE，问题是当用户再次幻灯片到OrrdPoad，空白订单表没有显示，而是剩余的感谢您…还在那里 <!DOCTYPE html> <html> <head> <?php include 's_include'; ?> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> </head> <body> <div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> THIS IS MAIN PAGE <a href="#orderpage" data-transition="slide" id="pen_btn">GO TO PAGE TWO</a> </div>  </div>  <div data-role="page" id="orderpage"> <div data-role="main" class="ui-content"> <script> $(document).ready(function(){ $("#order_btn").click(function(){ $.post("cgi-bin/order.pl", { order:"HELLO WORLD IN READY", }, function(data,status){ document.getElementById('div_comment').innerHTML = data; }); }); //orderpage }); //ready </script> <div id="div_comment"> <textarea name="text_comment" id="text_comment" placeholder="160 chars or less, no # or @" data-role="none" rows=11 cols=20 onkeypress="if(event.keyCode==13){return false;}" onKeyDown="limitText2(this,160);" onKeyUp="limitText2(this,160);" style="resize:none;"></textarea> <span id="commenterr" style="font-weight:bold; font-size:90%;"></span> <br style="line-height:190%;"> <button id="order_btn" class="ui-btn ui-btn-inline" style="border: #ffffff 1px solid;">Enter your comment</button> <a href="#pageone" data-transition="slide"> Back </a> </div>  </div>  </body> </html>

javascript php jquery html jquery-mobile

Javascript Jquery mobile过渡幻灯片页面内容第二次未刷新为原始内容我有两页，一页是PaGONE，幻灯片到OrthPoad订单，当订单完成时，感谢您的订单显示，用户可以滑回到PaGONE，问题是当用户再次幻灯片到OrrdPoad，空白订单表没有显示，而是剩余的感谢您…还在那里 <!DOCTYPE html> <html> <head> <?php include 's_include'; ?> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> </head> <body> <div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> THIS IS MAIN PAGE <a href="#orderpage" data-transition="slide" id="pen_btn">GO TO PAGE TWO</a> </div>  </div>  <div data-role="page" id="orderpage"> <div data-role="main" class="ui-content"> <script> $(document).ready(function(){ $("#order_btn").click(function(){ $.post("cgi-bin/order.pl", { order:"HELLO WORLD IN READY", }, function(data,status){ document.getElementById('div_comment').innerHTML = data; }); }); //orderpage }); //ready </script> <div id="div_comment"> <textarea name="text_comment" id="text_comment" placeholder="160 chars or less, no # or @" data-role="none" rows=11 cols=20 onkeypress="if(event.keyCode==13){return false;}" onKeyDown="limitText2(this,160);" onKeyUp="limitText2(this,160);" style="resize:none;"></textarea> <span id="commenterr" style="font-weight:bold; font-size:90%;"></span> <br style="line-height:190%;"> <button id="order_btn" class="ui-btn ui-btn-inline" style="border: #ffffff 1px solid;">Enter your comment</button> <a href="#pageone" data-transition="slide"> Back </a> </div>  </div>  </body> </html>,javascript,php,jquery,html,jquery-mobile,Javascript,Php,Jquery,Html,Jquery Mobile,我尝试像这样添加rel=external，但没有任何帮助： <a href="#orderpage" rel="external" data-transition="slide" id="pen_btn">GO TO PAGE TWO</a> 我不想用定时器想知道是否有可能在每次我滑到orderpage时都有一个空白的干净订单。您可以在orderpage中创建一个单独的DIV来显示帖子的结果： <div id="div_comment">

我尝试像这样添加rel=external，但没有任何帮助：

<a href="#orderpage" rel="external" data-transition="slide" id="pen_btn">GO TO PAGE TWO</a>

我不想用定时器

想知道是否有可能在每次我滑到orderpage时都有一个空白的干净订单。

您可以在orderpage中创建一个单独的DIV来显示帖子的结果：

    <div id="div_comment">           
        <textarea name="text_comment" id="text_comment" placeholder="160 chars or less, no # or @" data-role="none" rows="11" cols="20" onkeypress="if(event.keyCode==13){return false;}" onKeyDown="limitText2(this,160);" onKeyUp="limitText2(this,160);" style="resize:none;"></textarea>
        <span id="commenterr" style="font-weight:bold; font-size:90%;"></span>
        <br style="line-height:190%;" />
        <button id="order_btn" class="ui-btn ui-btn-inline" style="border: #ffffff 1px solid;">Enter your comment</button>
        <a href="#pageone" data-transition="slide">Back</a>
    </div><!-- div_comment -->

    <div id="formResults">

谢谢你，ezanker，我会试试的，但我觉得应该有更简单的解决方案，只有几行。滑动页面是否有类似于rel=external的方法？@CindyTurlington，如果你使用外部而不是默认的AJAX加载，你会失去转换：是的，我想我可能不得不这样做：

$(document).on("pagecreate","#orderpage", function(){    
    $("#order_btn").click(function() {
        //on POST success: hide DIV#div_comment and  
        //show results in DIV#formResults
        $("#div_comment").hide();
        $("#formResults").html('Thank you...<a href="#pageone" data-transition="slide" >Back</a>').show();          
    }); //orderpage
});

$(document).on( "pagecontainerbeforeshow", function( event, ui ) {
    //when orderpage is shown, hide results, show comment and clear fields
    if (ui.toPage.prop("id") == "orderpage"){
        $("#formResults").html('').hide(); 
        $("#div_comment").show();
        $("#text_comment").val('');
        $("#commenterr").text('');
    }
});