Javascript 使用jQuery动态创建在选择图像时调用的函数

我使用jQuery在页面上动态显示可选图像。当我选择图像时，控制台显示一个错误“UncaughtReferenceError:MTU4未在htmlanchoreElement.onclick（AwardsEdit.html:1）中定义”。这就是所谓的：

“getAwardDetailsFunction（MTU4）”

jQuery：

contents += '<figure>';
contents += '<a href="#" onclick="getAwardDetailsFunction('+obj.awardId+')">';
contents += '<img id="awardImage'+obj.awardId+'" src="' + obj.awardPicture + '" alt="Award image" class="img-thumbnail">'; 

---

我花了好几天的时间在这上面，发布后我发现了答案：

替换：

contents += '<a href="#" onclick="getAwardDetailsFunction('+obj.awardId+')">';

contents+=''；

与：

contents+='
function getAwardDetailsFunction(awardID) {

    alert("awardID: " + awardID)

    sessionStorage.setItem('ssAwardID', awardID);

    window.location = "AwardUpdate.html";
}

contents += '<a href="#" onclick="getAwardDetailsFunction('+obj.awardId+')">';

contents += '<a href="#" onclick="getAwardDetailsFunction(\'' + obj.awardId.replace('\'', '&quot;') + '\')"</a>';