1

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

<!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>
4

1 回答 1

2

如果我理解正确，您想知道如何显示对话框吗？如果我是正确的，那么您有一个错误，您的对话框是 registerPage 页面的一部分。只需将其提升一个级别。

看看这个例子，我用你的代码做的：http: //jsfiddle.net/Gajotres/yWTG2/

$('#registerPage').live('pagebeforeshow',function(e,data){    
    $('#test-button').live('click', function(e) {
        $.mobile.changePage('#dialog1', { transition: "pop", role: "dialog", reverse: false } );
    });    
});
于 2013-01-07T15:16:38.357 回答