jQuery 工具：带有类选择器的工具提示？答案

【问题标题】：jQuery TOOLS: ToolTip with class selector?jQuery 工具：带有类选择器的工具提示？
【发布时间】：2011-10-27 00:09:53
【问题描述】：

好吧，所以我不知道这里发生了什么...我正在尝试应用一个带有类作为选择器的 ToolTip。他们网站上的示例使用和 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 内容。 ...但它不起作用。

【问题讨论】：

您能否展示您的 JS 代码来创建工具提示！

标签： jquery html css tooltip jquery-tools

【解决方案1】：

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

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

【讨论】：