导入和导出 jquery 函数

Question

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

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

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

浏览了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。