无法将Google Maps DOM侦听器添加到使用jQuery创建的元素

var div = document.createElement('div');
var html = '<b>' + string_of_text + '</b>';
div.innerHTML = html;
google.maps.event.addDomListener(div, 'click', function() {
    google.maps.event.trigger(marker, 'click');
});
document.getElementById('sidebar').appendChild(div);

到目前为止,还不错。当页面加载时,通过单击div触发标记的click事件。

但是,当我尝试使用以下jQuery代码完成相同的操作时,会附加div并加载所有内容,但单击div时不会触发clicked事件:

var div = $("<div><b>"+string_of_text+"</b></div>");
google.maps.event.addDomListener(div, 'click', function() {
    google.maps.event.trigger(marker, 'click');
});
$("#sidebar").append(div);