Javascript 单击“查询永不工作”

我正在做一个javascript脚本，它的工作方式类似于书签。分配代码后，我需要单击其中一个div，但我无法获得它。如果我把鼠标放在上面，它可以工作，但没有点击

我正在使用查询

js:

var$j=jQuery.noConflict（）；
$j（“”）.prependTo（$j（this））.attr（'id'，'shadow'）.css({
“高度”：“220px”，
“宽度”：“220px”，
“背景色”：“黑色”，
'位置'：'绝对'，
“顶部”：0，
“左”：0，
“不透明度”：0.4，
“游标”：“指针”
}).click（function（）{//我试图将其分开，但这不起作用
//但是如果我把bind（'mouseover'）放在上面，它就会起作用
警报（“a”）；
//…更多的东西
});

在我的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>

我把一个警报直接放在图像上，它也不起作用

---

感谢所有帮助

您丢失了某些内容或查找了错误的位置。显示的此代码很好。请参阅证明：

---

注意：我不知道代码示例中“this”的上下文，因此我手动选择了一个现有的“placeholder”div。

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

$（“”）.prependTo（'body'）.attr（'id'，'shadow'）.css({
“高度”：“220px”，
“宽度”：“220px”，
“背景色”：“黑色”，
'位置'：'绝对'，
“顶部”：0，
“左”：0，
“不透明度”：0.4，
“游标”：“指针”
}).click（function（）{//我试图将其分开，但这不起作用
//但是如果我把bind（'mouseover'）放在上面，它就会起作用
警报（“a”）；
//…更多的东西
});

---

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

@mesiesta var$j=jQuery.noConflict（）；这不是问题。问题是，因为这是一个“片段”对于代码，它没有显示“this”是什么。作为一段独立的代码，它什么都不是。很抱歉$（this）=$（'.div'）是的，它所包含的所有代码都工作得很好：s但可能我不知道另一层是如何获得点击的。我无法在这里提供更多代码：SSorry关于$（this）=$（'.div'））.我知道它工作得很好，但是为什么单击它不工作，鼠标越行越完美OK，但是什么事件触发了“prependTo”。$（这个）只能表示触发prependTo的内容。您是尝试从onReady调用此代码？还是尝试从其他对象调用此代码？此代码在书签中运行，因此需要在网页中准备好它。在我使用insertAfter（$（此））之前；但我改为这是一个完整页面的公共URL吗？你能编辑你的问题以包含更多你用来调用prependTo的脚本吗？嗨，抱歉，这是一个非常秘密的项目，但我已经在（这个）中解决了它我有阴影的父项。鼠标悬停显示阴影。我替换鼠标悬停和鼠标悬停，它比以前工作得更好：）谢谢你所做的一切

<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>

 $('<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

        });