Question

我想创建两个页面，第一个包含显示第二个页面的按钮，第二个g以对话框的形式显示。

data-role= dialog

对于第一页我添加此codd以添加按钮

$('#header-left-container').prepend(results.rows.item(i).LibelleTypeTravail +"" +
                "<br>" +
                "<a  href='../prestation_html/list_rubrique.html' data-transition='flip' data-rel='dialog'  > <img src='../js/images/add.png' > </a>" +
                "<textarea rows='6'  cols='60'  name='"+results.rows.item(i).LibelleTypeTravail+"'> </textarea><br><br>" );

第二页“list_rubrique.html”我添加：

<div data-role='page'>

<div data-role="data-role="dialog"  id="popupBasic" data-theme="a" >

<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>

</div>
</div>

但不起作用

Answer 1

问题是您的对话框嵌套在页面中，该对话框应该独立存在。

要display一个对话框，您有两个选项，您可以使用常规页面，也可以在链接中使用data-rel="dialog"，或者使用目标网页上的data-role="page"，而不是使用data-role="dialog"。

例如，在您的情况下，您应该只需将list_rubrique.html页面中的标记切换为

<div data-role="data-role="dialog"  id="popupBasic" data-theme="a" >   
  <ul>
      <li>a</li>
      <li>b</li>
      <li>c</li>
 </ul>   
</div>

使用外部页面创建对话框JQuery Mobile

1 个答案: