温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-05-26 18:51:47 来源:网络 阅读:3794 作者:ctolxc_2012 栏目:web开发

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

IE8以下失效例子如下:

有如下html结构:

<ul id='ul'>
    <li class='li'></li>
</ul>

用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);


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI