如何从jQueryMobile Dialog获取返回值

有没有办法从jqueryMobile Dialog获取返回值？这是jQueryMobile文档的简单代码，但不能完全工作。

指数

<link rel="stylesheet" href="jquery.mobile-1.0a4.1.css" />
<script src="jquery-1.5.2.min.js"></script>
<script src="jquery.mobile-1.0a4.1.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.delete-dialog-yes').click(function() {
        alert("delete-dialog-yes");
    });
    $('.delete-dialog-no').click(function() {
        alert("delete-dialog-no");
    });
}); 
</script>
</head>
<body>
<div data-role="page" id="my-page">
    <div data-role="content">   
        <a href="delete-dialog.cfm" data-role="button" data-rel="dialog" data-transition="pop">Show Dialog</a>
    </div>
</div>

对话

<link rel="stylesheet" href="jquery.mobile-1.0a4.1.css" />
<script src="jquery-1.5.2.min.js"></script>
<script src="jquery.mobile-1.0a4.1.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.delete-dialog-yes').click(function() {
        alert("delete-dialog-yes");
    });
    $('.delete-dialog-no').click(function() {
        alert("delete-dialog-no");
    });
}); 
</script>
<title>Dialog</title>
</head>
<body>
<div data-role="page" id="delete_dialog" data-theme="b">
    <div data-role="content" data-theme="b">
        <h1>Delete Item?</h1>
        <p>Are you sure you want to delete this item?</p>
        <a href="#" class="delete-dialog-yes" data-role="button" data-theme="b">Yes</a>
        <a href="#" class="delete-dialog-no" data-role="button" data-theme="b">No</a>
    </div>
</div>

对话框

页面中的<script>标记不会被评估，因为JQueryMobile动态加载此页面，并且仅使用其中的div data-role=page。您可以删除该部分。

在索引页的 <script> 标记中，您对尚不存在的元素使用 .click，因此显然它什么也不做。您可以改用实时：

<script type="text/javascript">
  $(document).ready(function() {
    $('.delete-dialog-yes').live('click',function() {
        alert("delete-dialog-yes");
    });
    $('.delete-dialog-no').live('click',function() {
        alert("delete-dialog-no");
    });
  }); 
</script>

即使使用测试值，这也对我有用

http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html

相关内容

最新更新

热门标签：