Jquery div.click函数不工作

我正在尝试调用DIV.click函数，但它不起作用。我所说的div是用PHP创建的

这是PHP的结果：

<div style="position:relative;width:700px;" id="colorcontainer">
<div class='color' style='background: url(kleuren/c121.jpg); background-size: 100 72; background-repeat:no-repeat;'><span class='txt'>CBM 121<br />Blank Gelakt Eiken</span></div>
</div>

CBM 121
空白Gelakt-Eiken

现在我尝试调用div.click函数：

<script type="text/javascript">
$(document).ready(function(){
    $('#colorcontainer > div').click(function() {
        var name = this.css('background-image');
        alert(name);
    });
});

$（文档）.ready（函数（）{
$（'#colorcontainer>div'）。单击（函数（）{
var name=this.css（'background-image'）；
警报（名称）；
});
});

---

现在它根本不显示警报。我做错了什么？我在没有document.ready、with.color和各种东西的情况下尝试过它，但它就是不调用函数。

你不应该使用

这个

，它应该是

$（这个）

。是代码的工作演示。

以确保使用jQuery。使用

$（this）

而不是

this

所以

将工作

尝试此代码

$(document).ready(function(){ 
    $('#colorcontainer > div').click(function() { 
        var name = $(this).css('background-image'); 
        alert(name); 
    }); 
}); 

---

您的javascript应该是

$(document).ready(function(){
    $('#colorcontainer > div').click(function() {
        var name = $(this).css('background-image');
        alert(name);
    });
});

---

我认为出于性能目的，您应该调用包含背景图像的div，如下所示：

$('.color').click(function () {
     var name = $(this).css('background-image');
     alert(name);
});

---

这封信很久以前就有人接了。但以防万一，如果有人遇到类似的事情。毫无疑问，上述问题的答案已经完美陈述，但我想与大家分享一些更多的技巧。（如果你没有任何语法错误，请尝试下面的方法，看看单击事件是否触发） 1） 在单击事件下方，写入警报并查看。这可以确保单击事件之前没有任何错误。

---

2） 看看你提到的选择器是否存在。这里是$（'.color'），所以不应该确定为什么不显示警报，但是如果你找到了这个，你必须将背景图像设置为'none'以隐藏它。

$('.color').click(function () {
     var name = $(this).css('background-image');
     alert(name);
});