Jquery mobile Jquery mobile：从java脚本在对话框中打开页面div_Jquery Mobile_Modal Dialog

Jquery mobile Jquery mobile：从java脚本在对话框中打开页面div

jquery-mobile

Jquery mobile Jquery mobile：从java脚本在对话框中打开页面div,jquery-mobile,modal-dialog,Jquery Mobile,Modal Dialog,下面是我的jQuery手机页面。它有一个带有文本字段的表单和一个div，我需要在表单通过java脚本提交后将其显示为同一页面上的对话框（div，id为“dialog1”） <!DOCTYPE html> <html> <head> <title>title</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device

下面是我的jQuery手机页面。它有一个带有文本字段的表单和一个div，我需要在表单通过java脚本提交后将其显示为同一页面上的对话框（div，id为“dialog1”）

<!DOCTYPE html>
<html>
<head>
  <title>title</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/themes/site_theme/css/mobile.css" />
  <link rel="stylesheet" href="/themes/site_theme/css/jquery.mobile-1.2.0.css" /> 
  <script src="/themes/site_theme/js/jquery-1.7.1.min.js"></script> 
  <script src="/themes/site_theme/js/jquery.mobile-1.2.0.js"></script> 
  <script src="/themes/site_theme/js/min.js"></script> 
</head>
<body><div data-role="page" id="registerPage">
<div data-role="header">
        <a href="/app/index" data-icon="home" data-theme="b">Home</a>
        <h1>Brand List</h1>
        <a href="#"  data-role="button" data-rel="back" data-icon="arrow-l"data-theme="b">Back</a> 
</div>
    <div data-role="content">
                <form data-ajax="false" id="textForm" >
                <textarea name="comments" id="comments" placeholder='Type your comments'  size="85"></textarea>
                <div  align="center">
                    <input data-mini="true" data-inline="true" type="button" value="Submit" onClick="javascript: formText();" />
                    <input type="hidden"  name="company_id"  value="3" >
                    <input type="hidden"  name="branch_id"   value="3" >
                    <input type="hidden"  name="campaign_id" value="6" >
                </div>
            </form>

</div>


<div data-role="dialog" id="dialog1" class="app-dialog">
        <div data-role="header">
             <h3>A dialog</h3>
        </div>
            <div id="content" data-role="content">
                   <p>I am a dialog....!</p>
        </div>
   </div>



        </div>
</body>
</html>


标题
品牌列表
对话
我是一个对话者

如果我理解正确，您想知道如何显示对话框吗？如果我是正确的，那么您有一个错误，您的对话框是registerPage页面的一部分。把它往上推一层就行了

看看这个示例，我是根据您的代码编写的：

你的问题是什么？

formtext（）

看起来怎么样？谢谢！这正是我想要的。

$('#registerPage').live('pagebeforeshow',function(e,data){    
    $('#test-button').live('click', function(e) {
        $.mobile.changePage('#dialog1', { transition: "pop", role: "dialog", reverse: false } );
    });    
});