javascript - 如何在非 DOM 相关的对象及其属性上使用 jQuery 事件？

Question

我需要在非 DOM 相关对象上使用 jQuery 事件。

这工作正常:

var o = {

}

$(o).on('bump', function () {
  alert('ouch')
})

$(o).trigger('bump')

http://jsfiddle.net/d35bf35y/

但是我需要在属性上附加一个事件...以下代码不起作用。

var o = {
    prop: 'test'
}

// Bind an event handler
$(o.prop).on('bump', function () {
  alert('ouch')
})

// Trigger an event
$(o.prop).trigger('bump')

http://jsfiddle.net/d35bf35y/1/

在我的实际应用程序中，该属性将有一个对象。

我想知道是否可以通过这种方式或替代解决方案使用 jQuery。

Answer 1

"In my real application that property will have an object."

这部分相当重要。这有效:

var o = {
    prop: {}
}

// Bind an event handler
$(o.prop).on('bump', function () {
  alert('ouch')
})

// Trigger an event
$(o.prop).trigger('bump')