解决jquery.tmpl.js的BUG,页面上存在与${key}键值相同的id名,则出现object HTMLInputElement之类的默认值
来源:互联网 发布:c语言中文网vip分享 编辑:程序博客网 时间:2024/05/18 04:18
解释出现bug的场情:
第一步:页面中存在input的id与模板中${key}r的key相同
<input id='zt' /><input id='bz' /><input id='mc' />
第二步:建议jquery.tmpl模板
<!--模板--><script id="t_id_FlowRight" type="text/x-jquery-tmpl"> <input value='${mc}' /> <input value='${zt}' /> <input value='{{= bz}}' /></script>此时可以看到第一步中的input的id与第二步中的${key}中的key相同。
第三步:建立一个容器,用于显示模板生成的html
<div id="flowwrap" class="flowSetup"></div>
第四步:使用tmpl生成html
<script> $("#t_id_FlowRight").tmpl({ "mc": "新审批步骤" }).appendTo("#flowwrap");</script>
bug出现,如下图:
怕有的同学没有看明白,再解释一下:上图中有三3个input,第一个给了初始值是“新审批步骤”,但是其他两个文本框并没有初始值,应该是空,但是却显示出了[object HTMLInputElement]这样的值,这就出现了本文要解决的问题。
解决方案:
修改jquery.tmpl.js源码中其中的build函数,如下:
这样问题就解决了,不愿手敲代码的请下载:
下载修改后的源码
阅读全文
0 0
- 解决jquery.tmpl.js的BUG,页面上存在与${key}键值相同的id名,则出现object HTMLInputElement之类的默认值
- jquery的tmpl插件bug解决
- jquery tmpl()切换页面加载不出问题的解决
- 关于js中出现获取input框的值为[object HTMLInputElement]的问题
- jquery.tmpl.min.js的使用实例
- Jquery的tmpl
- jquery tmpl的使用
- jquery tmpl的使用
- JS 无法清除Cookie以及2个页面出现相同key,值不一样的解决方法
- 同页面判断相同id出现的次数
- js取object的key与value
- jquery判断页面上某个ID元素是否存在的方法
- js 。jquery 的配合获取相同id的元素
- jquery 相同ID, 相同class的区别
- javascript模版引擎-tmpl的bug修复与性能优化
- object.key与object[key]的差异
- 插入相同“键值”key时Linux 内核中红黑树的使用
- Hash#merge 把Key相同的键值装进数组
- Go语言循环语句
- raspberry 相关
- 第一章 设备驱动程序简介
- 读取配置文件连接数据库
- IntelliJ Idea解决Could not autowire. No beans of 'xxxx' type found的错误提示
- 解决jquery.tmpl.js的BUG,页面上存在与${key}键值相同的id名,则出现object HTMLInputElement之类的默认值
- Hibernate框架第三天(关联映射关系)
- iOS 面试题~@private,@protected,@public,@package详解及使用
- http://blog.csdn.net/kevin_mqj/article/details/22981873
- YouCompleteMe 支持 golang vim 自动补全
- 神经网络与深度学习编程练习(coursera 吴恩达 )(3)
- tensorflow(1):Windows 10安装(GPU版本)
- 伟大的程序员-----告别迷茫篇
- How do I resolve `The following packages have unmet dependencies`