jquery给不存在的元素添加事件的方法：1、【jquery1.9】版本之前，使用live方法，代码为【$("#id").live("click", function ()】；2、【jquery1.9】版本之后，使用On方法。
本教程操作环境：windows7系统、jquery3.2.1&&jquery1.9版本，DELL G3电脑。
推荐：jquery视频教程
jquery给不存在的元素添加事件的方法：
问题 ：
jquery中给元素添加事件是很简单的，如：添加一个点击事件。
$(选择器).click(function(){
);但是，项目中做了ajax分页，第一页直接加载，使用上述方法，完全没有问题。但是用在使用ajax分页，其它页的内容，都是后面通过innerHTML来进行添加，添加后的元素就没有相关的事件了。
其实，原因也很好理解就是在最开始添加事件时，其它页的元素并不存在，后面通过innerHTML添加后，标签是有了，但是对应的事件却是没有的。
那么，如何解决上面的总结呢？？给不存在的元素也添加事件
解决方案：
Gridster.js多列网格式拖动布局插件
下载
网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件
使用live方法 ： 给不存在的元素，绑定事件
$("#id").live("click", function () {
alert("ok");
});但是，jquery 1.9+版本后，就删除了live方法. 那用什么方法来替换live呢？
答案，就是使用on方法
$("#id").on("click",function(){
alert("ok");
});但是，使用了on方法，发现还是无效 ，语法没有问题，那为啥没效，答案是不应该这样写，如果是给不存在的元素添加事件，
要使用以下的写法：
$(document).on("click",'#id',
function(){
alert("ok");
});使用，以上的写法，问题就解决了.
相关免费学习推荐：javascript（视频）
