javascript - 点击查询永远不起作用

Question

我正在做一个像书签一样工作的javascript脚本。分配代码后，我需要单击我得到的 div 之一，但我无法获取它。如果我将鼠标悬停在上面，它可以工作，但点击就不行

我正在使用查询

js:

var $j = jQuery.noConflict();
  $j('<div></div>').prependTo($j(this)).attr('id', 'shadow').css({
                'height': '220px',
                'width': '220px',
                'background-color': 'black',
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'opacity': 0.4,
                'cursor': 'pointer'
            }).click(function() { //this dons't work i try to put apart
                                   //But if I put bind('mouseover' it works
                alert('a');
                //...more stuff

            });

在我的 HTML 代码中，它是这样的:

<div id="div0" class="div" style="position: relative; ">
     <div id="shadow" style="height: 220px; width: 220px; background-color: black; position: absolute; top: 0px; left: 0px; opacity: 0.4; cursor: pointer; "></div>
     <img class="select" id="select0" src="url..." onclick="alert('aaa')">
     <img src="url..." class="img" id="img0" height="62" width="220" style="margin-top:79px"></div>
</div>

我直接向图像添加了警报，但它也不起作用

感谢大家的帮助

Answer 1

假设您已将 jQuery 的快捷方式设置为 $j，我创建了一个示例 jsFiddle:

http://jsfiddle.net/TxKPD/

 $('<div></div>').prependTo('body').attr('id', 'shadow').css({
            'height': '220px',
            'width': '220px',
            'background-color': 'black',
            'position': 'absolute',
            'top': 0,
            'left': 0,
            'opacity': 0.4,
            'cursor': 'pointer'
        }).click(function() { //this dons't work i try to put apart
                               //But if I put bind('mouseover' it works
            alert('a');
            //...more stuff

        });

由于不清楚您的查询中的 $(this) 是什么，我只是将您的元素附加到正文中。一切都与点击处理程序一起工作。所以剩下的问题是，什么触发了你的脚本以及 $(this) 是什么？