不能用的fancybox的新的div懸停2

Question

我將它用這些代碼爲addtional標題（內fancybox新div）工作：

beforeShow: function(){ 
this.title=$(this.element).data('caption'); 
this.title2="<div class='photo_exif'>"+$(this.element).data('exif')+"</div>"; 
$(this.title2) 
.bind("contextmenu", function (e) { 
return false; /* Disables right click */ 
}) 
.prependTo($.fancybox.inner); 
} 

和HTML是：

<a href='PhotoURL' class='fancybox' data-fancybox-group='gallery' data-caption='PhotoTitle' data-exif='photoTitle2'>pic</a> 

現在我想這個div（​​）hover顯示或隱藏，所以我說這些代碼：

afterShow:function() { 
$("#fancybox-wrap").hover(function() { 
$(".photo_exif").show(); 
}, function() { 
$(".photo_exif").hide(); 
}); 
} 

但它不工作。 div在fancybox上總是show。我的CSS是：

.photo_exif { 
position: absolute; 
bottom: 0; 
left: 0; 
color: #fff; 
width:100%; 
height:30px; 
background: #000; 
background: rgba(0, 0, 0, .8); 
} 

和我的整個的fancybox代碼（與IE6的裂縫）是：

$('.fancybox').fancybox({ 
fitToView: false, 
mouseWheel: false, 
beforeShow: function(){ 
this.title=$(this.element).data('caption'); 
this.title2="<div class='photo_exif'>"+$(this.element).data('exif')+"</div>"; 
$(this.title2) 
.bind("contextmenu", function (e) { 
return false; /* Disables right click */ 
}) 
.prependTo($.fancybox.inner); 
}, 
afterShow: function(){ 
if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) <= 6) { 
$("div#fancybox-buttons").css("top", $("html").scrollTop()); 
$(window).scroll(function() { 
$("div#fancybox-buttons").css("top", $("html").scrollTop()); 
}); 
} 
$("#fancybox-wrap").hover(function() { 
$(".photo_exif").show(); 
}, function() { 
$(".photo_exif").hide(); 
}); 
} 
}); 

這有什麼錯？

Answer 1

這個很簡單。這行代碼的：

$("#fancybox-wrap").hover(function() { 

...應該是：

$(".fancybox-wrap").hover(function() { 

的選擇的fancybox是類不是ID