0

私はJQueryを初めて使用しています。私はブラウザのためのシンプルなポップページをやっています。私はいくつかの文書を調べ、答えを得ました。私はpageのようなモーダルウィンドウのためにdata-rel = "dialog"を使うことができます。しかし私は私のオープニングページとしてウィンドウのようなモーダルが欲しい。 (1ページ)これは私のコードです。私を助けてください。私はこれに新しいです。ありがとうございました。JQueryは最初のページまたはオープニングページでdata-rel = "dialog"を呼び出す必要があります

<body> 
<!-- This is the first page --> 
<section id="firstpage" data-rel="dialog" data-role="page"> 
    <header data-role="header"> 
     <h1>Page Content Header</h1> 
    </header> 
    <div data-role="content"> 
    <p>This is page 1</p> 
    <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p> 
    </div> 

</section> 

<!-- This page will be displayed as a dialog --> 
<div id="secondpage" data-rel="dialog" data-role="page"> 

    <div data-role="content"> 
      <div> 
       <h1 class="text-align-center"> 
        <b> 
         Apple 
        </b> 
       </h1> 
      </div> 


      <a data-role="button" data-transition="none" data-theme="b" href="http://m.apple.com"> 
       Go 
      </a> 
     </div> 

</div> 

答えて

0

の変更]ダイアログにデータ-役割。それでは、単にdata-rel属性を取り除くことができます。すなわち

<section id="firstpage" data-role="dialog"> 
    <header data-role="header"> 
     <h1>Page Content Header</h1> 
    </header> 
    <div data-role="content"> 
     <p>This is page 1</p> 
     <p><a href="#secondpage" data-rel="dialog">Display Dialog</a></p> 
    </div> 

</section> 
+0

は、それが働いた... – dhiku

+0

を私たちは、プログラムで2ページ目を開き、動的にそれにいくつかのボタンを追加する必要がある場合は...ありがとうございましたか!これは動作していません:$( '#secondpage')。dialog( 'open')、.changePage( '#secondpage')を使って作業しましたか? –

関連する問題