Question

无论如何从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>

Answer 1

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

在索引页面的<script>标记中，您对尚不存在的元素使用.click，因此很明显它什么都不做。您可以改为使用live：

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

Answer 2

即使测试值

，这对我也有用

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

如何从jQueryMobile Dialog获取返回值？

2 个答案: