Javascript Require.js和可重用的UI函数

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

例如，假设在应用程序中有多个点可以调用

showDropdown（）

的公共函数。假设动画需要jQuery。存放

showDropdown

功能的最佳位置是哪里或如何

说一个简单的函数，如：

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

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

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

---

此外，我在主干应用程序中编写了这篇文章，但我认为这没有任何直接影响，更多的是一个require.js问题。

创建

util

库或类似的东西：

// util.js

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

然后在其他地方使用它：

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

    util.showDropdown('my-id');

});

---

创建

util

库或类似的东西：

// util.js

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

然后在其他地方使用它：

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

    util.showDropdown('my-id');

});

---

太棒了，谢谢。我知道这一定是直截了当的。当然，你可以定义依赖项

define（['jquery']），{

，就像我需要的一样。太棒了，谢谢。我知道这必须是直截了当的。当然，你可以定义依赖项

define（['jquery']），{

，就像我需要的一样。