dom元素操作(動態事件綁定)


遇到的問題:動態生成的內容,事件綁定會出錯。
例子: http://snowinmay.net/jqm/dom-learn2.html
1.綁定事件對動態生成的新元素無效。
問題描述:
bind事件綁定后只對dom中存在的元素有效,但是很多時候我們會對dom元素進行添加,后添加進來的元素bind事件是監測不到的。
解決方法:
  • 在每一個動態生成的地方都在次綁定一下事件
  • 把bind改用live,因為live是實時監測的
  • 把bind改用delegate,因為delegate是實時監測的
  • 在jq1.9版本后好像沒有了live,改用了on
2.綁定事件多次執行。
問題描述:
綁定事件的時候,初始化的時候綁定一次,生成新的元素后又綁定一次,這樣會造成事件執行多次。
解決方法:
  • 在綁定前先解綁事件:unbind().bind()
  • 先判斷哪些元素是新添加的,哪些元素是初始化加載的,然后分別來處理
涉及到的知識點:
    • dom元素操作
    • 動態生成的元素事件綁定的處理(bind,on,live,delegate)
    • appendto和append的用法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM