首頁猿問 jQuery文件合并后里面的多個$...

jQuery文件合并后里面的多個$(function() {});怎樣去除？

JavaScript

哆啦的時光機 2018-09-14 09:06:50

jQuery文件合并后里面的多個$(function() {});怎樣去除？比方說我有a.js,b.js,c.js它們的內(nèi)容最開始都要$(function() { //do sth in it });然后我用gulp把三個JS合并成一個了。。但是里面的$(function() {});重復(fù)了3次。。。怎樣能去除多余的只留一個？

查看完整描述

1 回答

猛跑小豬

TA貢獻(xiàn)1858條經(jīng)驗獲得超8個贊

這個不需要去除啊，$() 是 $(document).ready() 的簡寫，它是一個加入事件處理的方法，可以根據(jù)需要加入若干次，事件觸發(fā)的時候按加入順序依次執(zhí)行。

不過如果你三個 $(function() {}) 內(nèi)容一樣，就應(yīng)該考慮改進(jìn)，有兩種方法

方法1

用模塊化的思想，把 $(function() {}) 放在一個初始化模塊（單獨的 .js）中，其它腳本引入即可。這樣合并的時候這個就只會出現(xiàn)一次

方法2

如果沒有采用模塊化的思想，或者需要這三個 JS 單獨也能執(zhí)行，那么應(yīng)該在 $(function() {...}) 內(nèi)部，就是省略號那個地方，做一個初始化檢查，比如

$(function() {    var myModule = window.myModule = window.myModule || {};    if (myMoudle.isInited) {        return;
    }    
    // 初始化操作
    myModule.isInited = true;
});

反對回復(fù) 2018-10-14