jquery的live转on的办法

最新推荐文章于 2024-06-20 20:20:21 发布

weixin_30699831

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量61

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jasonlam/p/5401227.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
 5 <script>
 6 $(document).ready(function(){
 7     setTimeout("$.appendText()",2000)
 8     $(document).on("mouseover mouseout","p",function(e){
 9         if(e.type=="mouseover")
10         {
11             $("body").css("background-color","lightgray");
12         }
13         else if(e.type=="mouseout")
14         {
15             $("body").css("background-color","lightblue");
16         }
17      });
18     $.appendText = function()
19     {
20     var txt1="<p style='border:1px solid red;'>Text.</p>";               // 以 HTML 创建新元素
21     var txt2=$("<p style='border:1px solid blue'></p>").text("Text.");   // 以 jQuery 创建新元素
22         var txt3=document.createElement("p");  // 以 DOM 创建新元素
23 txt3.innerHTML="Text.";
24     $("body").append(txt1,txt2,txt3);         // 追加新元素
25     }
26 });
27 </script></head><body><p>Click or move the mouse pointer over this paragraph.</p><input type='button' value='ssssssssssss' onclick='setTimeout()'>
28 </body>
29 </html>

View Code

最近从1.6.2升到1.9.1

发现live被取消了，只能用on （die->off)

但是却发现为新增元素绑定事件的时候只能如上代码所示。

肯定很麻烦也很别扭，

不知道大家有没有什么更好的办法，请赐教

转载于:https://www.cnblogs.com/jasonlam/p/5401227.html

weixin_30699831

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的live转on的办法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> 5 <script> 6 $(document).ready(functio...
复制链接

扫一扫