8

私の JQuery Mobile サイトでは、ページが読み込まれたときに開くツールヒント ダイアログ ボックスを追加しましたが、5 秒後に表示されなくなります。私のコードは次のようになります。

  <div data-role="popup" id="popupInfo">
     <p>This is a completely basic popup, no options set.<p>
  </div>

  <script type="text/javascript">
 $(document).live( 'pagechange',function(event){
     $('#popupInfo').popup("open")
      setTimeout(function() {
      $('#popupInfo').popup("close");
      }, 5000);
  });
   </script>

このアップデートは、 iPhone 5 iOS 6を除くすべてのデバイスで正常に機能しています。IPhone 5 iOS 6デバイスで上記のスクリプトを使用して JQuery モバイル ページをロードしようとすると、ポップアップが閉じたときに前のページにリダイレクトされるためです。ここで見逃したものはわかりませんが、jQuery Mobile popup("close")関数がIPhone 5 iOS 6をサポートしていないようです。

また、URL に追加されたハッシュ タグ テキストに続いてツールチップがロードされる場合、どうすればこれを回避できますか#&ui-state=dialog

この問題を解決する方法を教えてください。

次のコードも試しました。

 $(document).on('pagechange',function(event){
        $('#popupInfo').popup("open").delay(2000).popup("close");

    });

しかし、これはまったく機能していません

4

4 に答える 4

14
于 2013-02-22T09:34:08.417 に答える
1

また、jquery mobile はポップアップを ID = "yourpopupid-popup" の div で囲みます。その div を単純に非表示にできます。

例: < div id="basic" data-role="popup" > I am pop up</ div > の場合、 $('#basic-popup').hide();で閉じることができます。

于 2013-07-26T06:15:54.147 に答える
0

ツールバー メニュー (jQuery Mobile 1.2) のポップアップを使用すると、同じ問題に直面しました。例えば：

<a href="#popupBasic" data-rel="popup">Open Popup</a>

<!-- Popup #popupBasic -->
<div data-role="popup" id="popupBasic" data-history="false">
<ul data-role="listview" data-inset="true">
<li><a href='item1.html'>Item1</a></li>
</ul>
</div>

上記のコードは iPhone 5 では動作しません (ただし、android、iPhone4 などでは動作します)。以下のように変更すると動作します。

<a data-ajax="false" href='item1.html'>Item1</a>
于 2013-12-23T01:33:43.513 に答える