触发并观察类对象的 jQuery 事件

发布于 2025-01-08 14:01:18 字数 523 浏览 0 评论 0原文

使用 jQuery 作为我的基础，我有 2 个类。对象A&对象B。

ObjB 具有对 objA 的引用。当 ObjA.fn 执行时，我希望 objB.fn 也自动执行。我似乎无法启动 objB.fn ？我做错了什么？

objA = function() {
    var v = 0,
    fn = function(i) {
        v = i;
        $(v).trigger('customEvent', i);
    };
    return { fn : fn };
};

objB = function(a) {
    var v2 = 0,
    myObjA = a,
    fn = function(e, i) {
        v2 = i*(-1);
    };
    $(a).bind('customEvent', fn);
    return { fn : fn };
};
var a = new objA();
var b = new objB(a);

原文

Using jQuery as my base, I have 2 classes. objA & objB.

ObjB has a reference to objA. when ObjA.fn is executed, I want objB.fn to automatically execute too. I can't seem to get objB.fn to fire? What am I doing wrong?

i.e.

objA = function() {
    var v = 0,
    fn = function(i) {
        v = i;
        $(v).trigger('customEvent', i);
    };
    return { fn : fn };
};

objB = function(a) {
    var v2 = 0,
    myObjA = a,
    fn = function(e, i) {
        v2 = i*(-1);
    };
    $(a).bind('customEvent', fn);
    return { fn : fn };
};
var a = new objA();
var b = new objB(a);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蔚蓝源自深海 2025-01-15 14:01:19

好的，所以我找到了答案。问题是我没有从正确的对象上触发事件。这都是关于范围的。 objB 可以看到 objA，因此 objA 需要触发事件，而不是它的值。这也意味着我需要监听对 objA 的引用以查看它何时触发事件。

正确示例如下：

objA = function() {
    var v = 0,
    fn = function(i) {
        v = i;
        $(this).trigger('customEvent', i);
    };
    return { fn : fn };
};

objB = function(a) {
    var v2 = 0,
    myObjA = a,
    fn = function(e, i) {
        v2 = i*(-1);
        console.log(v2);
    };
    $(myObjA).bind('customEvent', fn);
    return { fn : fn };
};
var a = new objA();
var b = new objB(a);

a.fn(3)

Ok, so I found my answer. The problem was that I wasn't firing the event off the correct object. It's all about scope. objB can see objA, so objA needs to fire the event, not it's value. which also means I need to listen to my reference to objA to see when it's firing the event.

Correct example below:

objA = function() {
    var v = 0,
    fn = function(i) {
        v = i;
        $(this).trigger('customEvent', i);
    };
    return { fn : fn };
};

objB = function(a) {
    var v2 = 0,
    myObjA = a,
    fn = function(e, i) {
        v2 = i*(-1);
        console.log(v2);
    };
    $(myObjA).bind('customEvent', fn);
    return { fn : fn };
};
var a = new objA();
var b = new objB(a);

a.fn(3)

回复收藏 0 原文

~没有更多了~