Javascript 将事件绑定到jquery对象不起作用

我一直在尝试将事件绑定到下面的jquery对象代码，但实际上根本不起作用。谁能给我提个建议吗？谢谢

var img = thumbnail[0].appendChild(document.createElement('img'));
img.className = 'smallboard';
img.src = 'res/smallboard' + i + '.jpg';
img.onload = function() {console.log('small board loaded.');}
img.style.top = (8-i)*height+5 + 'px';
img.style.left = 4 + 'px';
var jqimg = $(img);
jqimg.bind('click', function(){
    console.log(i + '');
    show_board(i-1, true);
});

这里，缩略图是jquery元素，i是一个小整数。我在用另一种方式绑定它时也遇到了问题。代码如下

highlight = $('<div id="level_highlight"></div>');
highlight.css('height', height + 'px');
highlight.css('width', width + 'px');
highlight.css('display', 'inline');
highlight.css('left', posx + 'px');
highlight.css('top', posy + 'px');
highlight.bind('mouseover', function() {console.log('mousing over highlight');});

它在这里也不起作用。我觉得我在某处犯了一个愚蠢的错误。我用的是Chrome

---

谢谢大家!

似乎对我有用

看我的例子。我错过什么了吗

这仅仅是你在这里重述的一个错误，还是你犯了错 突出显示之前的var

var highlight=$

是否将其附加到DOM$'body'中的某个位置；或者，如果它已经存在，您应该执行var highlight=$'level_highlight'；反而

---

谢谢各位。答案是，因为这段代码过于简化了代码库，所以我遗漏了一个部分，其中本节容器元素的z-index设置为-10。把那个部分设置正确，它就像一个符咒

---

谢谢。

这对我来说是新鲜事，似乎真的很有帮助！。您能告诉我在JSFIDLE上哪里可以找到控制台吗？我只使用firebug或chrome控制台：