当前位置: 代码迷 >> Web前端 >> 给imgMon图标增添tooltip信息
  详细解决方案

给imgMon图标增添tooltip信息

热度:31   发布时间:2012-09-01 09:33:02.0
给imgMon图标添加tooltip信息

<br/>:主要应用于客服端
\n:主要应用于服务端

?

//给imgMon图标添加tooltip信息
<a><img id="imgMon" src="images/show_comment.gif" border="0" align="right"></a>

<form>
    <textarea rows="6" cols="40" style="display:none" id="monNote">
		${viewBean.bookingRecordCommonData.bkMonNote}
	</textarea>
</form>
	
$(document).ready(function(){
	
	var dataMon =${monNote}document.getElementById("monNote").value;
	dataMon=decodeURIComponent(dataMon);
//decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
	
	$("#imgMon").tooltip({ 
    	track: true, 
    	delay: 0, 
    	showURL: false, 
    	bodyHandler: function() {
					dataMon=dataMon.replace(/\n/g, "<br/>");
// g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
        	return $("<div></div>").attr("innerHTML",dataMon);
    	} 
	});

});

?

  相关解决方案