类并覆盖JQuery事件处理程序

Question

这应该很简单，但由于我不能完全理解的原因，它不起作用，更重要的是，我找不到正确的问题要问谷歌!

我想做的是为JS类创建一个事件绑定器的原型，实际发生的是什么，除非我直接在box对象上调用.bind()。

function Box()
{
    this.Width = 200;
    this.Height = 200;
    this.WrapperClass = "boxWrapper";
    this.TitleClass = "boxTitle";
    this.ContentClass = "boxContents";
    this.Title = "This is a box";
    this.Content = "This is some box contents";
}
Box.prototype.Html = function()
{
    var box = $('<div></div>').addClass(this.WrapperClass);
    box.append($("<div></div>").addClass(this.TitleClass).append(this.Title));
    box.append($("<div></div>").addClass(this.ContentClass).append(this.Content));
    box.width(this.Width);
    box.height(this.Height);
    return box.outerHTML();
}
Box.prototype.Bind = function(event, eventDelegate)
{
    this.bind(event, eventDelegate);
}
function clickDelegate(message)
{
    alert(message);
}
$(document.ready(function() {
    var box = $(new Box().Html());
    box.Bind('click', clickDelegate('text'));
    $('body').append(box);
}

Answer 1

必须在绑定事件之前添加box。

我创建了一个小提琴，从你的代码开始调试它。

仅供参考:jQuery对象没有outerHTML方法，所以我将新创建的div嵌入到另一个。

我对你的代码做了一些修改，这就是为什么我不在这里发布的原因。