懸停（）事件在我的情況不費一槍

Question

http://jsfiddle.net/FT4CQ/

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

我這麼想嗎？我想要懸停縮小，並使用CSS完全預覽圖片。

Answer 1

您忘記了將jQuery添加到您的小提琴中。

您的代碼工作正常。

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

Working fiddle here.

Answer 2

這是工作的代碼。你沒有包含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> 

Answer 3

這項工作做得很好：

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

在$刪除單引號（ '本'）。改變$（這個）現在它工作得很好。

Answer 4

工作液：http://jsfiddle.net/FT4CQ/23/

至於說，你不應該有單引號中$(this)。 另外，在示例中，我添加了一個mouseout函數，以重置background-size。