动态输出html一些效果失效的处理
2015-09-02 19:22
357 查看
利用AJAX动态加载页面,实现无刷新加载,有时会出现一些问题。比如说,在一些jquery控件中,是利用在页面加载的时候,对一些带有特殊属性的元素进行处理,比如事件绑定什么的。假如是动态加载,此时页面早已加载完毕,那么动态输出的,带有这些特殊属性的元素,就得不到处理,就不会有特定的效果。
比如:
本来点击这个链接,会有一个对话框弹出(参见thickbox),但假如这段代码用ajax动态输出,则没有这个效果。
应对之道,在动态加载完毕后,紧接着执行:
这种通过定义标记的个性化属性,然后由JS加以解释、处理,是一种很妙的思路。以前我在easyUI上见识过,但没有怎么留意。
比如:
<a class="btn blue thickbox" title='添加新角色' href="@Url.Action("Create")?TB_iframe=true&height=350&width=500"><i class="icon-plus icon-white"></i> 新增</a>
本来点击这个链接,会有一个对话框弹出(参见thickbox),但假如这段代码用ajax动态输出,则没有这个效果。
应对之道,在动态加载完毕后,紧接着执行:
tb_init('a.thickbox', 'tr.thickbox', 'td.thickbox');//解决动态生成无效的问题 //tb_init是jquery.thickbox.js的函数
这种通过定义标记的个性化属性,然后由JS加以解释、处理,是一种很妙的思路。以前我在easyUI上见识过,但没有怎么留意。
相关文章推荐
- html meta link script form
- 在HTML中打出人民币符号和对勾符号
- 在HTML中打出人民币符号和对勾符号
- html中表table行循环滚动例子
- 使用GET与POST方式获取html数据
- 将html导出到excel或word
- HTML中id,name,class的区别
- html经验
- uploadify 上传插件的使用(视频和图片都可以上传)
- [freemarker篇]02.生成HTML的静态页面
- HTML <!DOCTYPE>
- jacob将Office文件转换为html文件工具类
- html 简介和基本格式
- HTML 5 Canvas
- visual studio粘贴html代码.会自行添加一些未知代码(自动格式化)
- IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
- HTML头部
- html 杂
- html,列表<ol>,<ul>,<dl>
- html表单中get与post之间的区别