Jquery Hover не работает в Firefox или IE

0

Я новичок в Javascript/Jquery, так что легко!

Я создал вкладку HTML facebook с некоторыми изображениями и применил эффект зависания, чтобы они расширялись по мере того, как мышь зависала. Кажется, что это хорошо работает в Chrome, но в Firefox и IE это глючит, и анимация, кажется, работает многократно, если курсор не находится по центру над изображением.

Я попытался добавить "stop()" там, но либо он не работает, либо я помещаю его в неправильное место (возможно, последнее). Если у кого-то есть предложения, я буду очень благодарен!

  <script>
  $(document).ready(function() {

    $('.circle').hover(function() {

        $(this).animate({
            'position' : 'relative',
            'width' : 120,
            'height' : 120,
            'border-radius' : 60,
            'margin' : 20,
            'top' : 0,

        });

    }, function() {

        $(this).animate({
            'position' : 'relative',
            'width' : 100,
            'height' : 100,
            'margin' : 25,
            'top' : 10,
        });

    });

});
</script>

Полный пример доступен здесь:

http://careers.dept.shef.ac.uk/Facebook/FacebookTab.html

Заранее спасибо.

  • 0
    Где твоя функция? Можете ли вы опубликовать некоторые JS / JQuery. Или укажите на это на своем сайте.
  • 0
    Привет ссылка на HTML-файл включен выше. JQuery включен в это. Благодарю.

1 ответ

0

Вы можете использовать функцию e.stoppropagation(), чтобы остановить барботирование.

Например. stoppropagation

    <div id="noStop">
    <span>This one doesn't stop bubbling</span>
    <ul></ul>
   </div>
    <div id="stop">
    <span>This one stops bubbling</span>
    <ul></ul>
     </div>
  • 0
    Привет, спасибо за ваш ответ. Я пробовал это, но это не имеет никакого значения.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню