Блог

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

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 должны быть зацепкой всплывающей подсказки … в документации говорится, что СЛЕДУЮЩИЙ элемент предполагается содержимым всплывающей подсказки. … но это не работает.

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

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