无法访问使用 require.js 创建的对象答案

【问题标题】：unable to access an object created using require.js无法访问使用 require.js 创建的对象
【发布时间】：2014-12-01 20:35:21
【问题描述】：

大家好，

我最近才开始学习 require.js ，但我似乎不明白整个机制是如何工作的……尤其是如何访问创建的变量/对象使用这个 javascript 库。

让我在下面的例子中进一步解释..

webroot/page.jsp

<html>
<script data-main="js/page" src="js/lib/require.js"></script>
</html>

webroot/js/common.js

requirejs.config({
    baseUrl: 'js/lib',
    paths: {
        app: '../app',
    }
});

webroot/js/app/page.js

require(['./common'], function (common) {
    require(['./app/page/init'], function(page)
    {
        page.load(1);
    });
});

webroot/js/app/page/init.js

define(['./load'], function (load) {
    var LoadPage = new load();
    return LoadPage;
});

webroot/js/app/page/load.js

define(function () {
    function loadPage() {
    }

    loadPage.prototype = {
        load: function (page_id) {
            console.log("Opening page "+page_id+" ");
        }
    };

    return loadPage;
});

现在当我运行页面时一切正常，但现在我想通过单击一个按钮来执行加载方法。

<div onclick="page.load(2);"> </div>

但这不起作用..所以我想知道是否有可能将此操作绑定到任何按钮或链接...无论如何..

（为我的英语不好道歉）

谢谢，亚历克斯

【问题讨论】：

标签： javascript jquery requirejs require

【解决方案1】：

假设您使用的是 JQuery，如下所示：

<div id="divPageLoad"></div>

<script language="javascript" type="text/javascript">
    $("#divPageLoad").on("click", function() {
       page.load(2);
   });

</script>

【讨论】：

我认为你是对的，这可能是我可以将该功能绑定到按钮的唯一方法。