jQuery TOOLS:带有类选择器的ToolTip?

时间:2011-10-27 00:09:53

标签: jquery html css tooltip jquery-tools

好吧,所以我不知道这里发生了什么......我正在尝试使用一个类作为选择器的工具提示。他们网站上的示例使用ID和ID作为选择器,但这对我来说是不可能的,因为会有几个类似的对象需要ToolTip。

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 :(得分:0)

不确定这是否完全解决了您的问题,但是要根据类选择jQuery中的元素,请使用以下语法:$('.classname')。因此,在您的示例中,它将是$('.tooltip')

有关不同jQuery选择器的更多信息,请查看api documentation