Question

我有一个单独的html页面，其中我使用两个用于data-role =“page”，另一个用于data-role =“dialog”。在我的页面div我有一个按钮，然后从这个按钮点击我想调用div对话框。这是我的例子---

<html>
<body>
<div  data-role="page"
   data-add-back-btn="true" data-theme="d">

          <div data-role="fieldcontain" align="vertical">
       <input type="reset" data-role="button" value="ok"
                           id="okButton">

              </div>
  $("#okButton").click(function ()
  {
                      $.mobile.changePage("#myDialog");   
  });
   </div>

<div id="myDialog" data-role="dialog" data-theme="b" >



   <div data-role="content">

       <div data-role="controlgroup" data-type="vertical">
       <input type="submit" data-role="button" value="Add Margin" id="addmargin">
       <input type="submit" data-role="button" value="CTD" id="ctd">
       <input type="submit" data-role="button" value="Square Off" id="squareoff">
       <input type="submit" data-role="button" value="Change Sqr.Off Mode" id="changeSqrMode">
              </div>

   </div>

上面的代码工作正常但如果我想在表格行上调用Dialog，则不会调用它。这是我的表格行点击：

<script type="text/javascript">

        $("#tableId tr td").live("click",function(e)
        {    
                var newrow = $(this).parent().parent().children().index($(this).parent());  


                e.stopImmediatePropagation();
                alert("after e.stopImmediatePropagation");

                alert("Before  myDialog");              
                $.mobile.changePage('#myDialog');


        });


    </script>

此处在myDialog警报显示之前，但$ .mobile.changePage（'＃myDialog'）;未执行，或未显示myDialog。

任何建议将不胜感激。提前谢谢。

Answer 1

尝试$.mobile.changePage($('#myDialog'))

无法调用data-role =“dialog”

1 个答案: