所以我跟着这个例子:http://www.ehow.com/how_10010263_put-php-code-tooltip.html 而且我正在建立一个jqgrid,在一列中我有图像与标题,我想成为工具提示(因为图像标题消失后,在某些浏览器)。所以,在PHP我用它来安装映像:添加工具提示图像从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>
如果您检查元素,您的图像标题是否包含文字? – Pete 2013-03-13 10:29:37
您是否包含JQuery和JQuery UI?因为['tooltip'](http://jqueryui.com/tooltip/)需要JQueryUI。 – Eich 2013-03-13 10:30:32
是的,他们这样做,并在鼠标悬停它显示,但只作为标题而不是工具提示。 – gabrjan 2013-03-13 10:30:48