2011-10-12 56 views
0

我一直在试图将事件绑定到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元素,我是一个小整数。我也遇到了以另一种方式绑定它的问题。 (代码如下)

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。

谢谢!

回答

0

谢谢你们。答案是因为这段代码是对代码库的过度简化,所以我错过了将本节的容器元素的z-index设置为-10的部分。设置正确的部分,它像魅力一样工作。

谢谢。

0

似乎为我工作...

看到我jsFiddle例子。我错过了什么吗?

+0

这对我来说是新的(似乎真的很有帮助!)。你能告诉我我可以在jsFiddle上找到控制台吗? – Navneet

+0

我只是使用萤火虫或镀铬控制台:) –

0
  • 这里只是一个错误在你retranscription还是你的亮点之前froget 的变种?

    var highlight = $('');如果它已经存在,你应该做var highlight = $('#level_highlight');如果它已经存在,你应该做var highlight = $('#level_highlight');如果它已经存在,你应该做var highlight = $('#level_highlight');而不是