3

jquery モバイルを使用したバックボーン アプリがあります。ダイアログポップアップを使用しようとしていますが、リンク#popupSuccessをクリックすると、バックボーンがトラップしていると想定しているため、モーダルがアクティブになりません。何か案は？

これは私のモーダルコードです

<a class="modalLink" id="modalSuccessTrigger" href="#popupSuccess" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" data-icon="delete" data-theme="b">Success</a>

<div data-role="popup" id="popupSuccess" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all modalLinkCont">
    <div data-role="header" data-theme="a" class="ui-corner-top">
        <h1>Correct!</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content" style="background-color:white">
        <h3 class="ui-title">That is correct. Tap to continue to level 2</h3>
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">Contineu</a>
    </div>
</div>
4

2 に答える 2

4

プログラムでポップアップを開始する必要があります。

バックボーン ビューで:

events: {
   'click #modalSuccessTrigger': 'openPopUp'
},

openPopUp: function(e) {
   e.preventDefault()
   $('#modalSuccessTrigger').popup('open')
}

詳細については、ドキュメントを参照してください: http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html

于 2013-03-18T09:33:26.720 に答える
0

この問題を処理するために、バックボーン ルーティングを防止し、次のようにマークされたリンクのポップアップ処理を有効にします。data-rel="popup"

$(document).ready(function(){
  ($('a[data-rel="popup"]')).on('click', function(event) {
    event.preventDefault();
    event.stopImmediatePropagation();
    var target = $(this).attr("href");
    $(target).popup('open');
  });
});
于 2013-12-21T17:46:39.030 に答える