jquery 處理重新綁定插件的方法


比如有一個(gè)slide的jquery插件,頁(yè)面打開(kāi)就對(duì)dom進(jìn)行了綁定。


現(xiàn)在需求是當(dāng)窗口大小發(fā)生改變時(shí),這個(gè)slide也會(huì)發(fā)生相應(yīng)變化。

單純的用jquery去控制expert-list、expert-item和img的寬、高效果并不怎么好。

想法是,解除expert-list上的slide插件綁定,然后在窗口大小改變的事件處理函數(shù)中再重新綁定,結(jié)果并沒(méi)有找到解除綁定的方法。

笨辦法是,先clone()一份,然后在把原先的dom刪除再添加,再重新綁定。

varexpert = $(".expert").clone();

$(".expert-list").slide({mainCell:"ul", autoPage: true, effect:"left", autoPlay: true});

$(window).resize(function() {

$(".expert").empty();

//這里只需添加html結(jié)構(gòu),clone()好像會(huì)把行內(nèi)樣式也拷貝了。

$(".expert").append(expert.html());

$(".expert-list").slide({mainCell:"ul", autoPage: true, effect:"left", autoPlay: true});

});

此方法的效率并不怎么高。

我的修改


來(lái)源http://www.cnblogs.com/jkko123/p/6294617.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,504評(píng)論 0 8
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    前端進(jìn)階之旅閱讀 16,939評(píng)論 18 503
  • 選擇器選擇器是jQuery的核心。 事件 動(dòng)畫 擴(kuò)展
    wyude閱讀 539評(píng)論 0 1
  • 第1章 簡(jiǎn)介 第2章 DOM節(jié)點(diǎn)的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 通過(guò)JavaScript可以很方便的獲...
    mo默22閱讀 932評(píng)論 0 8
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,271評(píng)論 0 1

友情鏈接更多精彩內(nèi)容