0

アイコンをクリックして閉じることで、ツールチップを開く方法を見つけようとしています。私はここでいくつかの議論を見てきましたが、どれも私の終わりにはうまくいかないようです。これが私がこれまでに持っているものです：

HTML

<span class="info">
  <img alt="aImage" src="images/aImage.png" />
  <span style="display: none;" class="stuff">something something</span>
</span>

Javascript

$(document).ready(function(){
  $(".info").tooltip({tooltipcontentclass:"stuff"})
});

もちろん、この場合、マウスがツールチップにカーソルを合わせている場合にのみツールチップが表示され、マウスを離すとツールチップが閉じます。それほど多くないことは知っていますが、これが私がここでできる最善のことです。クリックして開閉する方法があるか教えてください。

4

1 に答える 1

1

このためのプラグインも必要ないと思います。少しのCSSとjQueryで十分です。

$(function(){

  $(".info").click(function(){
    var left = $("img",this).offset().left + ($("img",this).width()/2) - ($(".tip", this).width()/2);
    $(".tip", this).toggle().css({"left":left});

  });

});

サンプル： http： //jsfiddle.net/NPXaf/

于 2013-01-18T02:20:30.973 に答える