导入和导出jquery函数

我有一个带jquery代码的custom.js文件：

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

我想将此代码导出到main.js文件。两个文件都在同一个文件夹中。

浏览文档但无法理解如何使用jquery。

Answer 1

首先，您需要将此代码包装在一个函数中。 然后导出该function。 最后你在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模块

另请注意，您需要一个模块加载器（如webpack / systemjs / requirejs等），以及将您的ES6代码转换为ES5的Babel。