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。

导入和导出jquery函数

1 个答案: