使用backbone后jquery mobile中popup不能弹出问题解析

jquerymobile中popup的使用方法如下，用法很简单：

<ahref="#popupBasic"data-rel="popup"class="ui-btn ui-corner-all ui-shadow ui-btn-inline"data-transition="pop">Basic Popup</a>

<divdata-role="popup"id="popupBasic">

<p>This is a completely basic popup, no options set.</p>

</div>

但是加入backbone后，由于路由功能由backbone接管，所以再按上述方法无法正常弹出，故需要特殊处理下。

解决方法有：

一、交由javascript的逻辑代码

events: {

   'click #popupBasic':'openPopUp'

},

openPopUp: function(e) {

   e.preventDefault()

   $('#popupBasic').popup('open')

}

二、对popup进行特殊处理，阻止backbone的路由功能：

$(document).ready(function(){

  ($('a[data-rel="popup"]')).on('click',function(event) {

    event.preventDefault();

    event.stopImmediatePropagation();

    var target = $(this).attr("href");

    $(target).popup('open');

  });

});