我在AJAX成功函数上建立了三个链接。每当用户在该页面上点击任何链接时,我都希望运行JavaScript函数。我理解这很容易,但我无法在每次点击时运行脚本。它只是在点击第一个链接时运行,并且在点击其他链接时不执行任何操作。这是代码:
request.success(function(data) {
//Put the heading on the div
//http://stackoverflow.com/questions/12898475/using-jquery-to-replace-text-inside-h3-header
var dataReceived = null;
$("#bookList h3 #spanId").text("A list appears");
for(var i=0;i<data.length;i++){
dataReceived =data[i].name;
$("#bookList").append("<a href id=bookLink>"+dataReceived+"</a>" +"<br>");
}
$("#bookLink").click(function(event){
$.getScript("information.js",function(){
dealWithData();
});
});
});
request.fail(function(jqXHR, status, errorMessage) {
if((errorMessage = $.trim(errorMessage)) === "") {
alert("An unspecified error occurred. Check the server error log for details.");
}
else {
alert("An error occurred: " + errorMessage);
}
});
dealWithData现在只有一个警告:
function dealWithData(){
alert("Reached here");
}
感谢任何帮助。感谢。
答案 0 :(得分:1)
我不喜欢使用.click(),因为它已被弃用。您还应该将其更改为使用:
.on("click", function(event) {