Div .click功能不工作

Question

我试图调用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>

现在我试着调用div .click函数:

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

现在它根本不显示警报。我哪里做错了?我没有文件就试过了。准备好了，有。color之类的东西，但它只是不调用函数。

Answer 1

你不应该用this，应该用$(this)。下面是您的代码的工作演示:

Answer 2

确保使用jQuery。用$(this)代替this

var name = $(this).css('background-image');

将

Answer 3

试试这个代码

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

Answer 4

你的javascript应该是

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

Answer 5

出于性能考虑，您应该像下面这样调用包含background-image的div:

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

Answer 6

这个帖子很久以前就有人回答了。但以防万一有人遇到类似的事情。毫无疑问，上述问题的答案是完美的陈述，但我想分享更多的技巧。(如果你没有任何语法错误-尝试下面的方法，看看点击事件是否触发)1)在下面点击事件，写警报，看看。这确保了click事件之前没有任何错误。2)查看你提到的选择器是否存在。这里是$('。color')所以这里应该是