2009-02-09 2 views
0

Я уже задал несколько вопросов по этой теме, я внес некоторые изменения, которые предлагали здесь пользователи, но я все еще не могу решить проблему. Я мало знаю о 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;} 

Может быть кто-то может помочь мне исправить эти проблемы совместимости! Благодаря!

ответ

1

Если я возьму код, который вы цитировали в вопросе, и поместил его на тестовую страницу, он отлично работает для меня в IE7, хотя тестовая страница, с которой вы связаны, безусловно, толкает что-то вправо в IE7.

Я бы рекомендовал взять код из вашего вопроса и перестроить эффект тестового сайта по строчке, пока вы его не сломаете. Это должно быть довольно справедливым показателем того, где все идет не так :)

+0

Как я уже сказал, я в основном копировал этот код и менял его, поэтому я не очень разбираюсь в jQuery, и мне будет очень сложно перестроить код ... . Спасибо, в любом случае! – Jonathan