Проблема с плагином IE и Jquery qTip - PullRequest
Новая
       13

Проблема с плагином IE и Jquery qTip

1 голос
/ 23 марта 2010

У меня проблемы с плагином Jquery qtip.

Он отлично работает в Firefox (см. Здесь http://movieo.no -ip.org / наведите курсор на первое изображение).

Но в IE не работает. Это код: 

$('.moviebox').each(function() {
   $(this).qtip({
      content: $(this).children('.info'),
      show: 'mouseover',
      hide: 'mouseout',

      style: { name: 'light' },
      position: {
         corner: {
            target: 'rightbottom',
            tooltip: 'bottomleft'
         }
      }
   });
});

И HTML 

<!--start moviebox-->
  <div class="moviebox">
  <a href="#">
  <img src="http://1.bp.blogspot.com/_mySxtRcQIag/S6deHcoChaI/AAAAAAAAObc/Z1Xg3aB_wkU/s200/rising_sun.jpg" />
  </a>
  <!--start infobox-->
    <div class="info">
  <span>Rising Sun (2006)</span>
  <div class="description"><strong>Description:</strong><br /> test test  test test test  test test test  test test test  test test test  test test</div>
  <img src="http://1.bp.blogspot.com/_mySxtRcQIag/S6deHcoChaI/AAAAAAAAObc/Z1Xg3aB_wkU/s200/rising_sun.jpg" /> 
<div class="cast"><strong>Cast:</strong><br /> Sean connery</div>
  <div class="rating"><strong>Rating:</strong><br />5stars</div>
  </div>
  <!--end infobox-->
  </div>
  <!--end moviebox-->

Почему это не работает в IE ????? Бьет меня Оформить заказ movieo.no-ip.org для всего источника

Ответы [ 2 ]

4 голосов
/ 23 марта 2010

Попробуйте использовать следующее: 

$('.moviebox').each(function() {
   $(this).qtip({
      content: $(this).find('.info'),
      show: 'mouseover',
      hide: 'mouseout',

      style: { name: 'light' },
      position: {
         corner: {
            target: 'rightbottom',
            tooltip: 'bottomleft'
         }
      }
   });
});

В IE .info не является прямым потомком .moviebox.

0 голосов
/ 25 сентября 2013

Вы можете добавить 

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

для IE, и он будет работать.

...