jquery1.7升级到jquery1.3之后的live怎么使用

jquery版本的升级,之前的live属性 已经被取消了,然而代替live属性的则是on属性.那么我们怎么使用on呢?

在用live的时候我们在页面的jquery里面动态的添加一段html代码,是直接可以用live的.例如:

<div id="d"></div><script>$(function(){$("d").append("<span class='b'>click me !</span>");

$(".b").click(function(){alert("我点击了span标签")});$(".b").live("click",function(){alert("我使用live点击了span标签")})

})<script><span style="white-space:pre"></span>

<span style="white-space:pre"></span>上面的代码需要引用jquery1.7版本,这样执行,你点击的时候,会弹出live点击的span

<span style="white-space:pre"></span>

<span style="white-space:pre"></span>那么接下来会出现这么个问题,如果使用jquery1.7版本以上的话,就不行了,我们以后的程序当然是用新版本的,那么如果是这样的话,就会出现错误信息,那么jquery当然会给一个可以代替live的属性了.

                                  <strong>ON属性.</strong>

<strong>  <span style="white-space:pre"></span>怎么用on属性呢?我自己开发的时候就遇到这样的问题,为什么我用的on还是不行,找不到对应的标签呢?</strong>

<span style="white-space: pre;"><strong></strong>是因为</span> 没有加载.页面加载完成之后,我们的js的操作才开始,如果你在之后追加的html代码,如果你不去读你写的on事件,就会读不到.

<span style="white-space:pre"></span>解决方法

<pre name="code" class="javascript"><span style="white-space:pre"></span><div id="d"></div><span style="white-space:pre"></span><input type="button" id="bt_ok" value="加载" /><span style="white-space:pre"></span> 

<span style="white-space:pre"></span>function Click(){

<span style="white-space:pre"></span>$(".b").on("click",function(){alert("我使用的ON点击的");})      <span style="font-family: Arial, Helvetica, sans-serif;">}</span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre"></span></span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre"></span></span><pre name="code" class="javascript"><span style="white-space:pre"></span>

<span style="white-space:pre"></span>$("#<span style="font-family: Arial, Helvetica, sans-serif;">bt_ok</span>").click(function(){

<pre name="code" class="javascript"><span style="white-space:pre"></span>$("#d").append("<span class='b'>click me !</span>");

Click();//一定要在这里加这一句,否则,读不出来.

})

如果有需要下载js的,可以到<a target=_blank href="http://download.csdn.net/detail/qq_29339727/8937435" target="_blank">http://download.csdn.net/detail/qq_29339727/8937435</a>

也给自己留一个标记