jQuery事件触发器+构造函数模式

我用"new"创建一个对象，初始化它，并用$(this).trigger({type:"myevent", field1:val1})订阅它的事件，比如（here-jswiddle），它可以工作：

var Users = function (selector) {
        var that = this;
        var myButton;
        //function to trigger
        function add(name) {
            console.log("before trigger for: $('"+selector+"') with ["+name+"]")
            $(that).trigger({
                type: "user-added",
                name: name,
                date: new Date(),
            });
        }
        $(selector).click(function () {
            add($("#name").val());
        });
    };

我的问题是，我有兴趣在单独的函数init（另一个jsfiddle）中传递selector：

        var Users = function () {
            var that = this;
            var mySelector;
            //function to trigger
            function add(name) {
                console.log("before trigger for: $('" + mySelector + "') with [" + name + "]")
                $(that).trigger({
                    type: "user-added",
                    name: name,
                    date: new Date(),
                });
            }
            function init(selector) {
                mySelector = selector;
                $(selector).click(function () {
                    add($("#name").val());
                });
            }
            return {
                init: init
            };
        };

在这种情况下，代码正在崩溃：

当事件被触发时，函数看到的that对象看起来像Users {}，

并且没有像工作样本中那样更新：Users {jQuery11111210404012482791554801678404482030027643403015099466: Object}，

因此jQuery不会触发该事件。

当然，我可以在init()中设置that，或者在构造函数中初始化对象来解决问题，但如果我在构造函数中设置它并连接到内部函数中的事件，"that"成员就不会连接到实际对象，而如果我在同一函数中连接到事件，它就会起作用，这让我抓狂。

谢谢。