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>
也给自己留一个标记