jQuery qtip не рисует маленький кончик стрелки в IE8 (или IE7)

Я использую плагин 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>

jquery draw qtip
person tonyunfang    schedule 27.10.2010    source источник
comment
Хм, я обнаружил, что подсказка отрисовывается правильно, если я использую jquery-1.3.2 вместо jquery-1.4.2.   -  person tonyunfang    schedule 28.10.2010

Ответы (3)


arrow_upward
3
arrow_downward

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

person tonyunfang    schedule 28.10.2010

arrow_upward
0
arrow_downward

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

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

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

person TheAlbear    schedule 05.11.2010

arrow_upward
-1
arrow_downward

просто удалите опору положения и посмотрите, поможет ли это.

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

Проблемы Jquery в IE8

person Iman    schedule 28.05.2011
comment
Удаление свойства position ни в коем случае не является решением. Если вы не можете расположить кончик инструмента, какой в ​​этом смысл? - person Xaxis; 06.09.2013