0

2 つのページを作成したいのですが、最初のページには 2 番目のページを表示するボタンが含まれており、2 番目の 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>" );

2番目のページ「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>

しかし、動作しません

4

1 に答える 1

0

問題は、ダイアログがページ内にネストされていることです。ダイアログは単独で存在する必要があります。

ダイアログを表示するには、通常のページを使用してリンクで を使用するか、リンク先ページで を使用する代わりにdata-rel="dialog"を使用するかの 2 つのオプションがあります。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>
于 2012-11-23T14:46:37.213 に答える