jQuery Mobile dialog and Backbone js

Question

У меня есть базовое приложение, использующее jQuery mobile. Я пытаюсь использовать всплывающее диалоговое окно, однако проблема заключается в том, когда я нажимаю ссылку #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> 

Answer 1

Вам необходимо программно инициировать всплывающее окно:

На ваш взгляд магистральную:

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

Answer 2

Для того, чтобы справиться с этой проблемой, я использую, чтобы предотвратить магистральную маршрутизацию и активировать обработку всплывающих окон для ссылок, помеченную как 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'); 
    }); 
});