0

所以我遵循了这个例子：http ://www.ehow.com/how_10010263_put-php-code-tooltip.html 我正在构建一个 jqgrid ，其中在一列中我有带有标题的图像，我想成为工具提示（因为图像在某些浏览器中一段时间​​后标题消失）。所以在php中我用它来安装图像：

 $image = "<div id='tooltip'>
               <img height='16' width='16' title='$image_title' 
               src='". base_url()."img/icons/Blue/Bubble5.png'>
           </div>";

然后我尝试在jquery中做到这一点：

$("#tooltip img[title]").tooltip();

但是没有效果。

任何想法我做错了什么？

编辑：这就是一个带有图像的单元格在 jqgrid 中的外观：

<div id="tooltip">
    <img width="16" height="16" src="path/img/icon/Blue/Bubble5.png" title="random test">
</div>

会不会有问题，因为我有 20 行内容相同，只是标题不同。

我的进口：

<script src="<?php echo base_url(); ?>js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/i18n/grid.locale-si.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/jquery.cookie.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>js/leadFunctions.js" type="text/javascript"></script> 
    <script src="<?php echo base_url(); ?>js/sorttable.js" type="text/javascript"></script> 
    <script src="<?php echo base_url(); ?>js/switcherFunctions.js" type="text/javascript"></script> 
    <script src="<?php echo base_url(); ?>js/jquery.colorbox.js" type="text/javascript"></script>
4

2 回答 2

1

由于图像是唯一的东西，<div>我建议您尝试向<img>标签添加一个类。

<img class="TT" height='16' width='16' title='$image_title' 
           src='". base_url()."img/icons/Blue/Bubble5.png'>

那么你可以使用

$(".TT").tooltip();

这样，每个带有此类的图像标签都将应用工具提示并默认使用标题。

如果您更喜欢简单的方法，jqueryUI 示例页面上的示例显示您可以这样做

$(document).tooltip();

那么页面上每个带有标题的项目都会有一个与之关联的工具提示。

编辑：更新版本后，您的初始解决方案可能会起作用。

于 2013-03-13T10:45:05.853 回答
0

您必须使用foreach：

$("#tooltip").foreach(function(){
 $(this).find("img[title]").tooltip();
});

如果您有多个带有 id 工具提示的 div 或

$("#tooltip").find("img[title]").foreach(function(){
 $(this).tooltip();
});

如果你有多个图像在一个div#tooltip。

于 2013-03-13T10:52:00.767 回答