将 JS 脚本从 1.4.3 更新到 1.9.1
updating JS script from 1.4.3 to 1.9.1
>我有一个使用 jquery 1.4.3 动态创建和删除输入文本元素的 JS 脚本我需要开始使用 jquery 1.9.1
从我所看到的
.live()
函数需要更改为
.on()
但是只有一半的功能有效..删除功能不再有效,有人能看到为什么吗?
完整的源代码在下面的JSFIDDLE链接。
http://jsfiddle.net/jaredwilli/tZPg4/4/
$(function() {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').live('click', function() {
$('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
i++;
return false;
});
$('#remScnt').live('click', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
你必须稍微改变一下代码,像这样:
$(document).on('click','#remScnt', function () {
...
});
而不是
$('#remScnt').live('click', function () {
...
});
像这样,每当将#remScnt
添加到 dom 时,单击处理程序都将绑定到元素。
此外,您应该使用 class
而不是 id
如果页面中有多个 remScnt
元素,则id
应该是唯一的。
在这里摆弄:http://jsfiddle.net/tZPg4/7313/
相关文章:
- 服务器发送的事件直到脚本完成才更新
- 更新脚本以针对具有递增 ID 的新创建的表行运行
- Javascript构建工具,用于在串联后更新脚本标记
- Netsuite脚本-更新自定义可用数量字段//位置=仓库
- 从另一个Javascript脚本(Canvas3D)更新QML属性
- 在节点脚本中,如何监视文件的更改并获取更新的内容
- ASP.Net 将脚本添加到脚本管理器时,更新进度中断
- 角度 JS 脚本未更新视图
- 动态网站更新脚本
- JQuery AJAX调用本地更新脚本在Safari中失败,在Chrome和FF中工作
- jQuery 更新脚本标记 - 重写所有内容
- 自动更新脚本js/svg
- 使用下拉列表中的值更新脚本变量's
- Grunt wiredp不更新脚本标签
- 在Angularjs应用中不更新脚本标签
- Mongodb在javascript中写关注更新脚本
- 使更新脚本工作并添加样式表
- 如何设置浏览器更新脚本标记以显示它所使用的浏览器的名称?
- 确定运行更新脚本的理想时间间隔
- 更新脚本<元素提交表单