0

だから私はこの例に従いました : http://www.ehow.com/how_10010263_put-php-code-tooltip.html一部のブラウザでは、しばらくするとタイトルが消えます）。だから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();
});

1 つに複数の img がある場合div#tooltip。

于 2013-03-13T10:52:00.767 に答える