JQuery Qtip не рисует маленький наконечник стрелки в IE8 (или IE7) - PullRequest
5 голосов
/ 28 октября 2010

Я использую плагин jquery qtip для рисования всплывающей подсказки, и он отлично работает на FF, но не на моих версиях IE. Похоже, для IE плагин использует теги vml вместо тегов canvas. Есть ли что-то еще, что мне нужно добавить на мою страницу, чтобы показать маленький наконечник стрелки? Вот моя простая HTML-страница; обратите внимание, что при наведении указателя мыши на «цель всплывающей подсказки» появляется серый прямоугольник, но не указатель стрелки:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="/jquery-1.4.2.js" />
    <script type="text/javascript" src="/jquery.qtip-1.0.0-rc3.js" />
</head>
<body>
    <a id="my_tooltip">tooltip target</a>

<script type="text/javascript">//<--
    jQuery(document).ready(function() {
        jQuery("#my_tooltip").qtip({
        "content": {
            "text": "this is a test"
        },
       "position": {
       "corner": {
       "target": "bottomMiddle",
       "tooltip": "topMiddle"
       }
       },
       "style": {
       "tip": {
       "corner": "topMiddle",
       "color": "#999999",
       "size": {
       "x": 10,
       "y": 10
       }
   },
   "border": {
   "width": 2,
   "radius": 3,
   "color": "#999999"
   }
}
});

});
// --></script>
</body>
</html>

Ответы [ 3 ]

3 голосов
/ 29 октября 2010

Оказывается, чтобы заставить qTip работать с jquery-1.4.2, мне пришлось обновить его до более поздней версии qTip.Сначала я попробовал последнюю версию (# 55), но это дало ошибку рекурсии, поэтому я остановился на редакции № 27, которая была включена в список совместимости 1.4.2.Это заставило мои наконечники стрел появиться, ууу!

0 голосов
/ 28 мая 2011

просто удалите реквизит позиции и посмотрите, поможет ли это.

мое решение аналогичной проблемы (Не удалось получить свойство position в IE8)

Проблемы Jquery в IE8

0 голосов
/ 05 ноября 2010

Чтобы заставить qTip работать с jQuery 1.4.2, вам нужно использовать более новую версию библиотеки qTip

http://bazaar.launchpad.net/~craig.craigsworks/qtip/1.0/files/25

должно работать нормально

...