jQuery TOOLS: всплывающая подсказка с селектором класса? - PullRequest
Новая
       12

jQuery TOOLS: всплывающая подсказка с селектором класса?

3 голосов
/ 27 октября 2011

Хорошо, поэтому я понятия не имею, что здесь происходит ... Я пытаюсь применить всплывающую подсказку с классом в качестве селектора. Примеры на их веб-сайте используют и ID в качестве селектора, но это не возможно для меня, потому что будет несколько похожих объектов, которым нужна всплывающая подсказка.

http://flowplayer.org/tools/demos/tooltip/any-html.html

Дело в том, что мне нужен HTML в подсказке ... Я не могу просто использовать атрибут "title".

Вот код, с которым я имею дело: 

<ul id="mycarousel" class="jcarousel-skin-tango">
    <?php $loop = new WP_Query( array( 'post_type' => 'staff', 'order' => 'ASC') ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <li class="staff-member">
        <img src="<?php print_custom_field('staff_photo:to_image_src'); ?>" width="135" height="200" />
    </li>
    <div class="tooltip">
        <img src="http://static.flowplayer.org/img/title/eye.png" alt="Flying screens" 

        <?php the_title(); ?><br />
        <?php print_custom_field('staff_position'); ?>

    </div>

<?php endwhile; ?>
</ul>

Как видите, изображение или LI должны быть хуком ToolTip ... в документации сказано, что NEXT-элемент считается содержимым ToolTip. ... но это не работает.

1 Ответ

0 голосов
/ 27 октября 2011

Не уверен, что это полностью решит вашу проблему, но чтобы выбрать элемент в jQuery на основе класса, используйте следующий синтаксис: $('.classname'). Поэтому в вашем примере это будет $('.tooltip')

Для получения дополнительной информации о различных селекторах jQuery, ознакомьтесь с документацией API

...