1

qTip2 を使用しており、ツールチップのコンテンツとして画像を表示したいと考えています。content プロパティで設定できると思いますが、うまくいきませんでした。

リンクにツールチップを表示しています:

 <li class="answer">We provide personalised <a id="aboutshop" href="@Url.Action("Index", "Shop")">
        shopping list</a> based on what you have in your stock</li>


    // Tooltip for about shop link
    $('#aboutshop').qtip($.extend({}, myStyle, {

    }));

コンテンツをこのような画像に設定するにはどうすればよいですか?

  <img src="../../Content/HomePage/aboutshop.JPG" />
4

2 に答える 2

3

以下のコードを使用して画像を追加することができました。

$(document).ready(function()
{
// Match all <A/> links.
$('a').qtip({
    content: {
        text: '<img src="http://www.ronedmondson.com/wp-content/uploads/2009/06/smiley-face1.jpg" />'
    }
   });
});
于 2011-11-21T11:39:07.970 に答える
1

DOM で使用したい画像を追加して、それを qtip のテキストとして参照できると思います。

<img id='tooltip1' style="display:none;" src="../../Content/HomePage/aboutshop.JPG" />

$('#aboutshop').qtip({
   content: {
      text: $('#tooltip1') 
   }
});
于 2011-11-21T11:21:02.937 に答える