JQuery mobile- Ajax追加两个href标签导致listview中的错误

时间:2014-11-16 23:09:20

标签: html ajax jquery-mobile

我通过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相关联的内容。是否有任何功能可以在单击另一个链接时禁用一个链接,反之亦然?

1 个答案:

答案 0 :(得分:0)

我发现了问题。标签附加错误,所以我在lidiv behind之间添加了“+”,并在同一个div的末尾添加,现在它正在运行。