添加工具提示图像从PHP

所以我跟着这个例子：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>

来源

2013-03-13 gabrjan

如果您检查元素，您的图像标题是否包含文字？ – 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

由于图像是在<div>我唯一会建议你尝试添加一个类的<img>标签（一个或多个）。

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

那么你可以使用

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

这样，每一个形象标签与此类将应用工具提示，默认情况下使用的标题。

，如果你喜欢一个简单的方法，在jqueryUI example页的例子表明，你可以做

$(document).tooltip();

然后每个项目有一个标题页面上都会有与之相关的提示。

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

来源

2013-03-13 10:45:05 NappingRabbit

我想我有遗漏包括的问题，我打印所有在编辑有遗漏的东西吗？ – gabrjan 2013-03-13 10:47:27

抱起来，等一下，你正在用jqueryui 1.7.something。该版本中的工具提示小部件？ – NappingRabbit 2013-03-13 10:52:44

我真的不知道，现在我gettign错误消息... – gabrjan 2013-03-13 10:53:17

您必须使用foreach：

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

如果你有ID提示多个div或

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

，如果你在一个div#tooltip有多个IMGS。

来源

2013-03-13 10:52:00 francadaval

Tenx对于那个输入也是如此，但是我从使用jquery的错误vesrion开始就遇到了问题，但是也会使用它！ – gabrjan 2013-03-13 10:56:31

虽然使用'foreach'是可能的，但它不是'MUST'，也许不是实现这一点的最有效的方法。 – NappingRabbit 2013-03-13 10:57:32

添加工具提示图像从PHP

回答

相关问题