jquery всплывающая подсказка, показывающая скрытый элемент div? - PullRequest
Новая
       4

jquery всплывающая подсказка, показывающая скрытый элемент div?

0 голосов
/ 08 июля 2010

Я пытаюсь получить всплывающую подсказку для моего личного веб-сайта. http://www.stacked.in.. Когда я перемещаю мышь по ссылке, я хочу, чтобы подсказка отображалась. Содержимое всплывающей подсказки уже доступно на html-странице как элемент div, но оно скрыто. Я хочу, чтобы всплывающая подсказка отображалась только при наведении мыши на ссылку. Я использую плагин jquery и jquery http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ для этой цели. Даже если я получу какой-нибудь другой плагин jquery, я буду счастлив.

Обратите внимание, что всплывающая подсказка-содержимое div в html не будет отображаться. Подсказка должна получить элемент и отобразить его. 

#tooltip-content {
 display:none;
 width:250px;
}

вот HTML-код .. 

<div id="widget" class="span-8  "  >

<h2><a href="">Example.com</a></h2>
<ul>
            <li><h3><a href="example.com">Example News 1</a></h3>
        <div id="tooltip-content">              
            <div class="published">Thu Jul 8, 2010</div>
            <div class="content">
                This detail news 1 shown only on tooltip.. 
            </div>
        </div>
        </li>

        <li><h3><a href="example.com">Example News 2</a></h3>
        <div id="tooltip-content">              
            <div class="published">Thu Jul 8, 2010</div>
            <div class="content">
                This detail news 2 shown only on tooltip.. 
            </div>
        </div>
        </li>               
   </ul>

Было бы более 100 элементов, требующих всплывающей подсказки. Есть ли лучший инструмент или способ справиться с этой проблемой? Если вы дадите мне пример кода, я был бы вам благодарен ... Я уже искал много способов сделать это. http://code.google.com/p/jquery-very-simple-tooltip/ подходит к решению, но требует инициализации для всех примечаний всплывающей подсказки.

1 Ответ

0 голосов
/ 08 июля 2010

Я нашел в jQuery Tools из http://flowplayer.org/tools/tooltip/index.html отличную подсказку. Вы можете использовать либо атрибут title для элемента, либо использовать следующий узел DOM в качестве всплывающей подсказки для элемента без названия.

Очень гибкий, и я уверен, что он удовлетворит вашим потребностям соответственно. Удачи!

...