2

jquery mobile で webapp を構築しています。ここに示されているような基本的なポップアップを実行したいと思います。

しかし、それは機能しておらず、画面にテキストも表示しています。
ここに私のHTMLがあります：

<div data-role="popup" id="basic" data-transition="pop">
    <p>I am a default popup</p>
</div>

そして、私はそれをこのように呼びました。

if (zalen.length > 0) {   
    $('#basic').popup();     
} else {
    $('#basic').popup();    
}

誰でも助けることができますか？

4

6 に答える 6

4

ドキュメントに正しく従っていませんでした:

1)ポップアップを開くリンクdata-rel="popup"には、属性、およびが必要href="#somePopup"です。

2)ポップアップ コンテンツには、リンクdata-role="popup"の属性で指定した ID とともに属性が必要です。href(id="somePopup"ポップアップ コンテンツを含む要素の場合)

3）次に、提案したようにプログラムで呼び出すことができます。$("#somePopup").popup();

編集：修正されたこの問題は別として、@SySammyが正しいようです。ポップアップ ウィジェットはまだ開発中であり、現在のリリース バージョンではありません。

于 2012-05-29T13:34:14.127 に答える
3

このようなものがある場合：

<div data-role='page' id='page0'>


</div>
<div data-role='page' id='pag1'>


</div>
 <div data-role='popup' id='pop1'>

</div>

ポップアップはそれを呼び出すページ内にある必要があります。

<div data-role='page' id='page0'>

   <div data-role='footer'></div>

   <div data-role='popup' id='pop1'>
   </div>
</div>
<div data-role='page' id='pag1'>


</div>

理由はわかりませんが、この種の問題があり、これが問題でした。

于 2012-10-19T13:04:50.117 に答える
0

jqueryとjquery-mobileのjavascriptが順番に含まれていることを確認してください。

<head>
  <script src="js/jquery-1.9.0.min.js"></script>
  <script src="jquery.mobile/jquery.mobile-1.3.0-beta.1.min.js"></script>
</head>

<body>

    <div  data-role="popup" id="basic" data-transition="pop">
                  <p>I am a default popup</p>
      </div>
     <div onclick="javascript:onSuccess();" >Open Popup</div>

<script type="text/javascript">
 function onSuccess(){
      $('#basic').popup('open'); 
 }    
</script>

</body>
于 2013-02-14T12:07:13.427 に答える
0

ポップアップはまだ開発中です。次のリリースまで待つか、このプラグインを使用する必要があります

于 2012-05-29T13:55:58.113 に答える
-1

この質問が提起された時点では、ポップアップの HTML コードは 内にある必要があるとはドキュメントに記載されていませんでした<div data-role="page"> ... </div>。参照: https://github.com/jquery/jquery-mobile/issues/4891

これらの概念に煩わされず、ポップアップ コンテンツに集中したくない場合は、私のプラグインhttps://stackoverflow.com/a/12092465/976827を使用してください- 別の jQuery モバイル popup() 関連でこれをお勧めします質問。デモとコードを確認してください。使い方は簡単です。

デモとコード https://github.com/serbanghita/jQM-dynamic-popup

于 2012-08-23T19:51:51.620 に答える
-1

これを試してみてください

<div  data-rel="popup" id="basic" data-transition="pop">
          <p>I am a default popup</p>
</div>
于 2012-05-29T14:03:32.257 に答える