mvc3 在后台添加html时 如何让html中的<a></a> 链接点击有效果
在mvc3种经常会遇到在Action中添加些html代码,但是有时在后台写的html在前台的js中没有效果 所以在mvc3中后台出现点击事件没有效果时可以这样:
在action中
var result = new StringBuilder();
result.AppendFormat(@"<div style=""float:left"">签到日历</div>
<div id=""nowtime"" style=""height: 14px;line-height: 14px;vertical-align: middle;float:right"">
<a id=""cal_prev"" href=""javascript:void 0"" onclick=""platform.calendarPrev();"" style=""vertical-align: middle;""><img src=""/Images/sign_prev.gif"" /></a>
{0}-{1}
<a id=""cal_next"" href=""javascript:void 0"" onclick=""platform.calendarNext();"" style=""vertical-align: middle;""><img src=""/Images/sign_next.gif"" /></a>
</div>", year, month);
在js中写的事件是这样的:
$(function(){
var platform = {
calendarPrev: function () {
$.post("/AjaxHandle/CheckIn?changeMonth=-1", $('form :input').serialize(), function (data) {
jQuery(data.Result).replaceAll("#Calendar");
});
},
calendarNext: function () {
$.post("/AjaxHandle/CheckIn?changeMonth=1", $('form :input').serialize(), function (data) {
jQuery(data.Result).replaceAll("#Calendar");
});
}
}
})
这样就没什么问题了。。。。。