久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

通過 jQuery,on() 將 jQuery 插件調用附加到動態加載

Attaching jQuery plugin calls to dynamically loaded elements via jQuery,on()(通過 jQuery,on() 將 jQuery 插件調用附加到動態加載的元素)
本文介紹了通過 jQuery,on() 將 jQuery 插件調用附加到動態加載的元素的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

我有一部分代碼通過 AJAX 調用動態加載,方法是將結果附加到父元素,類似于:

現在,為了連接鼠標懸停事件,我會這樣做:

$(".parent").on("mouseenter", ".child", function(){//在這里做有趣的事情}$(".parent").on("mouseleave", ".child", function(){//在這里撤消有趣的東西}

這對于標準功能來說已經足夠好了,但我想將它附加到第三方插件(在我的例子中,HoverIntent,但實際上是任何插件) -

附加 HoverIntent 插件的語法如下:

$(".child").hoverIntent(makeTall, makeShort)

... 但我希望這適用于我在最初加載文檔時不可用的動態內容,以及類似 $(".parent").on("hoverIntent", ".child", function(){}); 似乎不是正確的方法.

將插件應用于初始 $(document).ready() 之后加載的元素的正確方法是什么?

解決方案

jquery .on 的工作原理是監視父對象上的事件,然后在事件源自匹配的子選擇器時調用處理程序.但是,在您的情況下,您要監視的事件是元素已更改

瀏覽器僅為輸入元素觸發 onchange 事件(因為它們可以由用戶更改).

如果其他元素發生變化,那一定是javascript的原因,所以你可以在創建新內容后調用函數.

$(".child", parentElementContext).hoverIntent(makeTall, makeShort)

有2個實用的解決方案

1) 我通常做的是創建一個帶有上下文(例如文檔)的 init 方法.

MyPage.init = function(context) {$('.selector', context).hoverIntent();$('.other', context).dialog();//任何其他插件};

然后我在更新 DOM 時手動調用 init(因為我在更新 dom 時并不總是需要調用 init)

$.ajax({網址:網址,數據:數據,成功:函數(數據){var context = $('.parent');上下文.html(數據);MyPage.init(上下文);//調用hoverIntent和其他插件}});

2) 如果你真的需要監控一切,你可以使用這個插件http://james.padolsey.com/javascript/monitoring-dom-properties/

然后 $('.parent').on('valuechange', function() {/* init plugins*

【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

jQuery/JavaScript Library for avatar creation?(用于創建頭像的 jQuery/JavaScript 庫?)
How to do following mask input problem?(如何做以下掩碼輸入問題?)
Issues Setting Value/Label Using DropKick Javascript(使用 DropKick Javascript 設置值/標簽的問題)
how to unit-test private methods in jquery plugins?(如何對 jquery 插件中的私有方法進行單元測試?)
stellar.js - configuring offsets / aligning elements for a vertical scrolling website?(stellar.js - 為垂直滾動網站配置偏移量/對齊元素?)
jQuery masked input plugin. select all content when textbox receives focus(jQuery 屏蔽輸入插件.當文本框獲得焦點時選擇所有內容)
主站蜘蛛池模板: 日韩视频在线一区 | 午夜欧美一区二区三区在线播放 | com.国产 | 小h片免费观看久久久久 | 精品久久久久久久人人人人传媒 | 伊人一区| 亚洲视频中文字幕 | 亚洲色图图片 | 日韩成人av在线播放 | 久久久久亚洲国产| 国产精品99久久久久久久vr | 精品欧美一区二区精品久久久 | 国产免费一区二区 | 午夜免费网站 | 久久高清| 自拍偷拍欧美 | 久久久www成人免费无遮挡大片 | 我想看一级黄色毛片 | 国产精品久久久久久久久久久免费看 | 一区二区免费视频 | 久久国产精品-久久精品 | 视频一区二区三区中文字幕 | 国产日韩视频 | 毛片网站在线观看 | 国产精品99久久久久久久久久久久 | 成人在线中文字幕 | 日本精品一区二区 | 欧美精品欧美精品系列 | 国产一区二区三区久久久久久久久 | 久草热在线 | 亚洲国产精品va在线看黑人 | 成人国产在线视频 | 亚洲图片一区二区三区 | 国产欧美一区二区三区在线看蜜臀 | 国产精品久久久久无码av | 视频在线一区 | 性做久久久久久免费观看欧美 | 久久久区 | 中文字幕视频在线观看 | 久久久久久久香蕉 | 国产精品久久久久久久久动漫 |