在framework7中阻止某些页面的Ajax加载

Question

我正在寻找一种方法来阻止页面ajax页面加载某些页面时使用framework7点击链接，我需要点击然后做一些逻辑然后在处理后使用javascript加载页面。 我尝试了以下

<a href="pages/restaurant-details.html" class="restaurant-grid-item" data-index="0">

然后在javascript中

$(document).on('click','.restaurant-grid-item',function(event){
     event.preventDefault();
     //Do Some Logic
     mainView.router.loadPage("pages/restaurant-details.html");
}