0

我正在开发一个使用 Require.js 编写的项目。当前正在从全局范围调用许多重用函数。这些功能涉及 ui 转换、隐藏/显示和悬停事件的一般性。我想将这些功能组织成 require，但不太确定在哪里/如何包含它们。

例如，假设在应用程序中有多个点可以调用showDropdown(). 假设它需要 jQuery 来制作动画。在哪里或如何是存储showDropdown函数的最佳位置？

说一个简单的功能，例如：

function showDropdown(id) {
    var thisdropdown = $(id).find('.dropdown');
    $(thisdropdown).slideDown();
}

我可以创建一个 UI 文件夹，其中不同的 js 函数都是它们自己的文件。然后只需在依赖它们的任何其他文件上要求它们。但无论如何，这些文件需要将其功能导出到全局范围才能访问正确吗？

我觉得有一个明显的答案/设置，因为这必须是相当常见的项目。

此外，我正在一个主干应用程序中编写此代码，但我认为这不会产生任何直接影响，更像是一个 require.js 问题。

4

1 回答 1

3

创建一个util库或类似的东西：

// util.js

define({
    showDropdown: function(id) {
        var thisdropdown = $(id).find('.dropdown');
        thisdropdown.slideDown();
    }    
});

然后在其他地方使用它：

require(['util'], function(util) {

    util.showDropdown('my-id');

});
于 2013-09-13T21:22:53.140 回答