導入和導出jQuery函數

Question

我有jQuery的代碼custom.js文件：

$('.nav.navbar-nav > li').on('click', function(e) { 
$('.nav.navbar-nav > li').removeClass('active'); 
$(this).addClass('active'); 
}); 

我想這個代碼導出到main.js file.Both文件都在同一個文件夾中。

通過了documentation，但無法理解如何使用jquery。

Answer 1

首先，您需要將此代碼包裝在一個函數中。然後你導出這個函數。最後，你將其導入main.js：

custom.js

export function foo() { 
    $('.nav.navbar-nav > li').on('click', function(e) { 
     $('.nav.navbar-nav > li').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
} 

main.js

import {foo} from 'custom' 

foo(); 

ECMA SCRIPT 6 modules

還要注意，你需要一個模塊加載器（如的WebPack/systemjs/requirejs等）以及將ES6代碼轉換爲ES5的Babel。