观察“点击”；上的事件由 scriptaculous Builder 生成的标签

发布于 2024-09-05 16:31:34 字数 949 浏览 5 评论 0原文

我正在使用 scriptaculous Builder 动态生成一些 DOM 元素，其中之一是链接标签。我不确定如何使用内联的单击回调以及生成器代码的其余部分来生成此内容，因此我提前生成链接标记，然后将其与生成器阶段的其余部分一起插入。

问题是，当我单击链接时，链接的回调从未真正执行，并且 URL 栏更改为 http而是使用://localhost/foo/bar/#。回调方法是我的类的一部分，因此我提前将其绑定为事件侦听器。

var Foo = Class.create ({
    initialize: function () {
        this.closeBinding = this.doClose.bindAsEventListener (this);
    },
    generate: function () {
        /* Create the link and bind the click listener */
        var close_link = Builder.node ('a', { href: '#' }, 'Close');
        Event.observe (close_link, 'click', this.closeBinding);

        /* Generate the new DOM nodes */
        return Builder.node ('div', [
            Builder.node ('h2', 'This is a test'),
            close_link
        ]);
    },
    doClose: function (evt) {
       /* This code is never called when I click the link. */
    }
});

原文

I'm using scriptaculous Builder to generate some DOM elements dynamically, and one of them is a link tag. I wasn't sure how to generate this with the click callback inline along with the rest of the Builder code, so I'm generating the link tag ahead of time and then inserting it with the rest of the Builder phase.

The problem is that the callback for the link is never actually executed when I click the link, and the URL bar changes to http://localhost/foo/bar/# instead. The callback method is a part of my class, so I'm binding it as an event listener ahead of time.

var Foo = Class.create ({
    initialize: function () {
        this.closeBinding = this.doClose.bindAsEventListener (this);
    },
    generate: function () {
        /* Create the link and bind the click listener */
        var close_link = Builder.node ('a', { href: '#' }, 'Close');
        Event.observe (close_link, 'click', this.closeBinding);

        /* Generate the new DOM nodes */
        return Builder.node ('div', [
            Builder.node ('h2', 'This is a test'),
            close_link
        ]);
    },
    doClose: function (evt) {
       /* This code is never called when I click the link. */
    }
});

分享到QQ

分享到微博

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

发布评论

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

人生百味 2024-09-12 16:31:34

所以，我发现了真正的问题。实际上，就我观察事件的方式而言，我并没有做任何错误，但我遗漏了一个看似不相关但显然相关的细节。我生成的 DOM 代码被插入到 Modalbox[1] 中，显然该脚本正在干扰我的事件绑定或其他内容。观察“this”上的函数的链接很困惑，因为显然“this”指的是 Modalbox，而不是我的对象 Foo。

所以我的解决方案可能不太理想，但我找到了另一种方法来访问“this”中的数据，因此事件绑定现在不妨碍我了。

[1]。 http://okonet.ru/projects/modalbox/

回复收藏 0 原文

~没有更多了~