在我的情况下,hover()事件没有触发

时间:2013-12-21 08:14:31

标签: javascript jquery css

http://jsfiddle.net/FT4CQ/

$(document).ready(function(){
  $('.cell').hover(function(){
    $('this').css('background-size','cover');
  });
});
我错过了什么吗?我想悬停缩小并使用css完整预览图片。

4 个答案:

答案 0 :(得分:1)

这项工作做得很好:

$(document).ready(function(){
  $('.cell').hover(function(){
    $(this).css('background-size','cover');
  });
});

删除$('this')中的单引号。改变$(this)现在它运作良好。

答案 1 :(得分:0)

这是有效的代码。你没有包括Jquery。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>

$(document).ready(function(){
  $('.cell').hover(function(){
    alert('hover work');
  });
});
</script>

    <div class="cell" style="width: 345.53px; height: 210.53px; 

    background-image: 
     url(https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-prn1/1521894_10151755196011682_1359230168_n.jpg);  

   position: absolute;-webkit-transition: top 0.5s, left 0.5s; 

   transition: top 0.5s, left 0.5s;" data-delay="2" 
   data-height="200" data-width="331" data-state="move" id="2-2"></div>

答案 2 :(得分:0)

工作解决方案:http://jsfiddle.net/FT4CQ/23/

如上所述,您不应该在$(this)中使用单引号。 此外,在示例中我添加了一个mouseout函数,以重置background-size

答案 3 :(得分:-1)

您忘了将jQuery包含在您的小提琴中。

您的代码运行正常。

$(document).ready(function(){
  $('.cell').hover(function(){
    $('this').css('background-size','cover');
  });
});

Working fiddle here.