mvc3 在后台添加html时 如何让html中的<a></a> 链接点击有效果
2012-12-05 15:37
691 查看
在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");
});
}
}
})
这样就没什么问题了。。。。。
在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");
});
}
}
})
这样就没什么问题了。。。。。
相关文章推荐
- HTML中如何为表格添加标题(添加的标题与表格相对静止)(<table><caption>标题</caption></table>)
- html的<marquee></marquee>标签实现滚动效果
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- HTML: <a> target属性以及如何在JS实现相同效果
- 以<asp:Button>为例说明<asp:Button>如何携带数据传递到后台
- 如何在HTML中的<a href=''></a>打开本地App,并传送参数到搜索框搜索
- <a>点击链接&<img>插入图片
- HTML <a> download 属性,点击链接来下载图片
- html中链接<a>------------如何设置空链接或者无效链接
- 给html的<a>标签添加点击事件
- struts2中如何去掉<s:fielderror>中的<ul><li>样式
- IIS7中添加html对<! #include >的引用
- HTML <a> 标签 (修改样式,链接邮箱Email地址)
- HTML中的跑马灯效果(<marquee>标签)
- 如何将List<T>转换相应的Html(xsl动态转换)(一)
- Struts中的<html:messages>, <html:errors>的用法
- HTML笔记——链接<link>
- 如何在Html的CSS中去除<li>标签前面小黑点
- Flex中如何给一个按钮添加链接,点击链接打开一个网页呢?
- html的<a>标签IE下绑定点击事件后也会修改href问题