jquery-ui 和bootstrap中tooltip.js分別使用方法

方法1.用jquery
引入jquery-ui-1.10.3.min.css 和jquery-ui-1.10.3.min.js
"<img src='/img/folder.png'"+ size +" data-toggle='tooltip' title='"+ object.title +"'>"
具有title屬性便可。
顯示效果：

方法2.用bootstrap tooltip.js 注意引入包，因爲是彈出框，有箭頭，網上有去掉方法，須要讀者可本身找。

<img src='/img/terrain-icon.png'"+ size +" data-toggle='tooltip' data-html='true' data-content='<strong>hellow world!</strong>' title='"+ object.title +"'>

出發圖片的mouseover event

$(this).popover({trigger:'hover',placement:'right'});

顯示效果：title內容會和「hellow world」結合

方法3.用jquery中tooltip，但格式之類另設，在方法1簡單的基礎上： 詳細用法描述jquery tooltip的Api