jquery - 导入和导出 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。