Я уже задал несколько вопросов по этой теме, я внес некоторые изменения, которые предлагали здесь пользователи, но я все еще не могу решить проблему. Я мало знаю о JavaScript, я только что изменил код с другой страницы.jQuery - проблема совместимости с Internet Explorer 7 и общее поведение с ошибкой
У меня есть этот код, который динамически перетаскивает Div над изображением, когда мышь над ним. Вы можете проверить это на этой тестовой странице: cine.uuuq.com
-В Firefox отлично работает.
-В Chrome у меня возникает некорректное поведение. Div сдвигается, когда мышь находится около нижней части div.
-В Internet Explorer 7 все работает очень медленно (багги), а div не очень хорошо расположен.
JQuery:
jQuery.fn.masque = function(classSelector) {
$(this).hover(function(){
$(this).find(classSelector).stop().animate({height:'90px',opacity: '1'},400);
},function() {
$(this).find(classSelector).stop().animate({height:'0',opacity: '0'}, 300);
});
};
$(document).ready(function(){$('.thumb').masque('.masque');});
HTML-:
<div class="thumb bg25">
<a href="#"><img src="img/poster2.jpg" alt="Movie Title" /></a>
<div class="masque">
<h3 class="movietitle"><a href="#" >Movie Title</a></h3>
<p class="movieinfo">2008</p>
<p class="movieinfo">Drama, History, Comedy, Short</p>
</div>
</div>
CSS-:
.thumb {float:left; margin:0 14px 14px 0; width:126px; height:186px; padding:10px; position:relative;}
.masque {position:absolute; background:#212326; width:118px; bottom:10px; height:0; padding:4px; display:none;}
Может быть кто-то может помочь мне исправить эти проблемы совместимости! Благодаря!
Как я уже сказал, я в основном копировал этот код и менял его, поэтому я не очень разбираюсь в jQuery, и мне будет очень сложно перестроить код ... . Спасибо, в любом случае! – Jonathan