jQueryTools требует div для размещения всплывающей подсказки после триггерного элемента (li) - документ не может быть проверен - PullRequest
Новая
       8

jQueryTools требует div для размещения всплывающей подсказки после триггерного элемента (li) - документ не может быть проверен

1 голос
/ 14 сентября 2011

Вот демонстрационная страница jQueryTools о том, как использовать их всплывающие подсказки: http://flowplayer.org/tools/demos/tooltip/any-html.html

В основном, если вы хотите иметь всплывающую подсказку, содержащую HTML, вы должны поместить этот HTML в div и поместить его непосредственнопосле триггерного элемента вот так: 

<a href="http://www.stackoverflow.com" id="link1">
<div class="tooltip">
   <img src="img/SOicon.png">stack<span style="font-weight:bold">overflow</span>
</div>

Но мой триггерный элемент не <a href="http://www.stackoverflow.com" id="link1">.Это <li>, и я предполагаю, что я не могу поместить ничего, кроме <li> в родительский <ul>.Другими словами, я не могу разместить после элемента триггера, как я должен.

Я нашел способ исправить это (удаление неупорядоченного списка с плавающими <li> s ипереключаясь на плавающие div), но решил, что мне следует проконсультироваться со специалистами (вы, ребята, конечно!), прежде чем я начну исправлять проблему.

Как вы, ребята, исправите это?

1 Ответ

1 голос
/ 25 ноября 2011

Нет проблем с использованием другого элемента вне вашей структуры в качестве цели всплывающей подсказки! 

<ul id="mylist">
    <li title="List Point 1">List Point 1</li>
    <li title="List Point 2">List Point 2</li>
    <li title="List Point 3">List Point 3</li>
</ul>

<!-- many other HTML ELements -->
<div id="mylist_tooltip"></div>

В конце вставьте в готовую часть вашего jQuery (): 

jQuery("#mylist li").tooltip({
    // target div
    tip: '#mylist_tooltip'
});

Подробнее в документ ; -)

...