溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jquery on事件在IE8下失效的一種情況,及解決方法

發(fā)布時間:2020-05-26 18:51:47 來源:網(wǎng)絡 閱讀:3791 作者:ctolxc_2012 欄目:web開發(fā)

結論:IE8以下jquery的on事件失效,有可能是使用了原生js,可以換jquery的事件來試試。

IE8以下失效例子如下:

有如下html結構:

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

用jQuery 為ul下面的所有l(wèi)i綁定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元素,不會觸發(fā)alert。

這時使用jquery的插入方法卻可以,代碼如下。

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


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI