Framework7 に HTML ページ posts.html があります。posts.html 部分の JS コードは次のとおりです。
myApp.onPageInit('posts', function (page) {
openPostsPageFromDB(function(html){
html = '<ul>'+html+'</ul>';
$$(".posts-page div.posts").html(html);
pageJS();
});
});
function pageJS(){
$$(".post a,.post .post-channel-image,.post #tags").on("click",function(e){
e.stopPropagation();
});
}
openPostsPageFromDB は、DB から値を取得した後に HTML コンテンツを返します。posts.html の HTML コンテンツを対応する戻り値に置き換えてから、pageJS() を呼び出して、HTML の特定の要素のクリック イベント ハンドラーをオーバーライドします。
ただし、イベントはオーバーライドされておらず、Framework7 でデフォルトで定義されているイベント ハンドラーが起動されています。これに対する回避策はありますか?