jqueryon事件在IE8下失效的一种情况,及解决方法

结论:IE8以下jquery的on事件失效,有可能是使用了原生js,可以换jquery的事件来试试。

成都地区优秀IDC服务器托管提供商(成都创新互联).为客户提供专业的绵阳电信机房,四川各地服务器托管,绵阳电信机房、多线服务器托管.托管咨询专线:18980820575

IE8以下失效例子如下:

有如下html结构:

用jQuery 为ul下面的所有li绑定click事件。

$('#ul').on('click', 'li', function(){
    //do stuff
    alert('I am clicked!');
});

假如要使ul中增加一个li,那么可以使用原生js这样子做。

var ul = document.getElementById('ul');
var li = document.getElementsByClass('li');
var newLi = li[0].cloneNode(true);
ul.appendChild(newLi);

但是点击生成的li元素,不会触发alert。

这时使用jquery的插入方法却可以,代码如下。

var $li = $('.li');
var $newLi = $li.clone();
$('#ul').append($newLi);

网站题目:jqueryon事件在IE8下失效的一种情况,及解决方法
文章起源:http://bzwzjz.com/article/jppigg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: LED网站设计方案 网站制作报价 成都网站设计公司 网站制作 公司网站建设 成都网站设计 四川成都网站制作 成都企业网站建设公司 成都网站建设 成都定制网站建设 企业网站建设 泸州网站建设 定制网站制作 成都网站建设公司 重庆网站设计 盐亭网站设计 定制网站设计 成都网站建设 成都网站建设公司 网站建设方案 网站设计 成都网站建设推广