【问题标题】:Not able to call data-role="dialog"无法调用 data-role="dialog"
【发布时间】:2012-08-27 06:59:02
【问题描述】:

我有一个 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>

上面的代码工作正常但是如果我想在表格行单击时调用对话框,那么它不会被调用。这是我的表格行点击:

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

here 在 myDialog 警报显示之前但 $.mobile.changePage('#myDialog');未执行,或 myDialog 未显示。

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

【问题讨论】:

    标签: jquery jquery-ui jquery-mobile cordova


    【解决方案1】:

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

    【讨论】:

    • 使用 changePages 它给我的错误是:TypeError: Result of expression 'toPage.data( "page" )' [undefined] is not an object。在文件:///android_asset/www/jquery.mobile-1.1.1/jquery.mobile-1.1.1.js:2843
    • 该错误表明 jQM 无法使用选择器找到您的对话框。您能否发布您尝试运行的整个文件,或者发布jsFiddle
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多