我通过ajax调用包含两个代码的代码:
console.log(JSON.stringify(item)); //Inject data to the cells
$('#myPostsList').append('<li class="ui-nodisc-icon" data-icon="listIcon" ><div class="behind"><a href="#myPopupDialog" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn delete-btn">Delete</a></div><a href="" data-myProfile='+item.myUserProfileID+' data-key='+item.myrandomPostId+'><img class="feedImage" src='+item.myPic+'></img><p><strong>'+item.myName+", "+item.myGender+'</p></strong>'
+ '<p>'+item.myPost+'<p>'
+ '<p class="ui-li-aside" ><time class="timeago" datetime='+item.myTime+'></time></p></a></li>'
);
}
});
如您所见,有两个锚标记,a href="#myPopupDialog"
和a href=""
。第一个锚点是一个按钮,它会打开一个窗口,而第二个标记会将你带到另一个页面。
The Bug:
当我单击锚标记来调用弹出窗口时,它会转到另一页。我可以在控制台中看到与#myPopupDialog
相关联的内容。是否有任何功能可以在单击另一个链接时禁用一个链接,反之亦然?
答案 0 :(得分:0)
我发现了问题。标签附加错误,所以我在li
和div behind
之间添加了“+”,并在同一个div的末尾添加,现在它正在运行。