在应用的揭示图案之外到达 btn 事件 class

Question

我应用了一个显眼的图案 class.How 我可以在 model 之外到达 btnMenu 事件吗谢谢。

MyModel= (function () {     
    var btnClickEvents = function () {     
        var btnMenu = $('.btnMenu').on('click', function () {
            var date=  $(this).attr("data-rezerve-date");
            var statu= $(this).attr("data-rezerve-statu");
            alert("click"+date+'---'+statu);
        });    
    };
    return {
        initialize: initialize,
        asignValues: asignValues,
        getRezervationDateAndStatus: btnClickEvents.btnMenu//how can I reach this function outside of model    
    };
})();

更新我更改了我的代码，因为你 show.and 添加一个 return 函数

MyModel = (function () {
    var dt = "";
    var statu = "";
    var rvalue = {};
    var btnClickEvents = function () {
        $('.btnMenu').on('click', onBtnMenuClick);
    };

    function onBtnMenuClick(e) {
         dt = $(this).attr("data-rezerve-date");
         statu = $(this).attr("data-rezerve-statu");
         rvalue.date = dt;
         rvalue.statu = statu;
         console.log(dt);
    }
    var getRezervationDateAndStatus = function () {

        return rvalue;
    };
    return {
        initialize: initialize,
        asignValues: asignValues,

        getRezervationDateAndStatus: getRezervationDateAndStatus
    };
})();

将我的模块包含到我的网页调用后是这样的，

MyModel.asignValues(rezervasyonTable,data);
    MyModel.initialize();
    var result = MyModel.getRezervationDateAndStatus();
    console.log(result.date);

bu 控制台日志为空。

Answer 1

正如你所说，这是一个“揭示”的模式。你可以看到你暴露了什么。为了能够在模块外部使用此功能，请像这样更改您的代码：

MyModel = (function () {
    var btnClickEvents = function () {
        $('.btnMenu').on('click', onBtnMenuClick);
    };

    function onBtnMenuClick(e) {
        var date = $(this).attr("data-rezerve-date");
        var statu = $(this).attr("data-rezerve-statu");
        alert("click" + date + '---' + statu);
    }

    return {
        initialize: initialize,
        asignValues: asignValues,
        getRezervationDateAndStatus: onBtnMenuClick
    };
})();

在应用的揭示图案之外到达 btn 事件 class

reaching the btn event outside the revealing patterned applied class

javascript

jquery

revealing-module-pattern