ajax動態重新整理的元素裡jquery繫結事件失效

2021-08-11 15:05:18 字數 615 閱讀 6493

jquery事件繫結有2種方式:(方法二解決失效)

其一:是直接繫結在所選擇的dom元素上,這種方式,當你替換dom元素的時候,就不生效了,打個比方,你養了只鸚鵡,你教會它跟著你說hello,這個時候別人把你的鸚鵡換了乙隻了,新的鸚鵡無論你怎麼說hello也不會有反應的。

$('元素').click(function(){});

只能選擇當前已有的dom,ajax動態重新整理的元素裡jquery繫結事件將失效。

如果後面動態生成的則無法繫結事件。你可以用事件委託來處理。

其二:是事件**或者叫事件委託,事件繫結的元素並不是觸發的元素,而是其父(祖宗)元素,這時候只要父元素沒被替換掉,子元素不管怎麼替換,只要符合開始繫結的選擇器,就可以觸發。

$('不變的祖宗級元素').on('click','從祖宗逐級定位到繫結的元素',function(e) {});
例:$('#chatpanellist').on('click','.leftmsg .msgdiv .msgtext .stionslist li .answerbtn',function(e) {});

Tp框架裡進行ajax無重新整理查詢

這個ajax學的時候感覺很簡單,就沒有認真好好理解。到今天要用的時候才麻煩百出.其中乙個尤為重要的問題是在拼接時出現的。還好得到了大佬的提點,才發現是自己的思路有問題 話不多說,把今天的總結一下,以後不要在出錯了.這是最後的效果圖 這是未進行ajax之前的顯示 也就是不執行查詢時的顯示 鏈結名稱 所...

Ajax區域性重新整理 用「省」動態的選擇「市」

在前端我們經常會使用到這樣一種情況,選擇乙個省,然後再選擇這個省底下的某個市,類似於這樣的先選擇乙個範圍,然後再在這個範圍內再次精確的選擇。這裡一般使用非同步重新整理,也就是頁面的區域性重新整理而不是整個頁面重新整理,因此需要使用到ajax技術。下來我以修改個人資訊的時候選擇省和市為例,說一說我是如...

Ajax區域性重新整理和全域性重新整理的區別

在非完全前後端分離專案中,前端開發只需要完成頁面的製作,並且把一些基礎的人機互動效果使用js完成即可,頁面中需要動態呈現內容的部分,都是交給後台開發工程師做資料繫結和基於伺服器進行渲染的 伺服器端渲染 優勢 1 動態展示的資料在頁面的原 中可以看見,有利於seo優化推廣 有利於搜尋引擎的收錄和抓取 ...