需求是这样通过上面的杂志的种类,动态添加3个按钮的onclick事件跳转详细页面:
js代码如下:
function Img(){
var json= eval($!jsonMag)
var btn = document.getElementById("yuedu");
btn.onclick = function(){
window.open('getMagzine_'+json[0].magId+'.html');
};
$(".img").each(function () {
$(this).attr({ src: '$!urlpath'+jsonObj[0].periodicalImg+''});
});
}
html添加事件加载图片时绑定事件:
<body οnlοad="Img();">
#parse("web/jsp/top.jsp")
#parse("web/jsp/head.jsp")
#parse("web/jsp/main.jsp")
#parse("web/jsp/foot.jsp")
</body>
点击阅读通过动态链接跳转到杂志期刊页面:
效果如下