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

你错过了什么或找错了地方。这个代码就好了。见证明：

http://jsfiddle.net/H9vzM/

注意：我不知道代码示例中“this”的上下文，所以我手动选择现有的“占位符”div。

Answer 2

假设您已将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）？

点击查询永不工作

2 个答案: