将jquery工具提示宽度自动调整为最长行
最初,我创建了一个jquery工具提示文本,如下所示:将jquery工具提示宽度自动调整为最长行,jquery,jquery-tooltip,Jquery,Jquery Tooltip,最初,我创建了一个jquery工具提示文本,如下所示: function setToolTipText(elemId, content) { $('#' + elemId).tooltip({ content: content, show: 'fade', hide: 'explode', position: { my: 'left center', at: 'r
function setToolTipText(elemId, content) {
$('#' + elemId).tooltip({
content: content,
show: 'fade',
hide: 'explode',
position: {
my: 'left center',
at: 'right+10 center',
collision: 'flipfit'
}
});
}
稍后,我将使用以下代码更改混凝土元素的工具提示文本:
var indent = '     ';
var content = '<div style="display: inline-block;">' +
'<p style="white-space: nowrap; color: #FF8000; font-size: 8pt; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;">' +
'<b>Name:</b> ' + elem.Name + '<br />' +
'<b>IP:</b> ' + elem.IP + '<br /><br />' +
'<b>Ping to ' + elem.IP + ' with 32 bytes of data:</b><br />' +
(data.responseStatus01 ? 'Reply from ' + elem.IP + ': bytes=32 time=' + data.rtt01 + ' TTL=' + data.ttl01 : data.responseMessage01) + '<br />' +
(data.responseStatus02 ? 'Reply from ' + elem.IP + ': bytes=32 time=' + data.rtt02 + ' TTL=' + data.ttl02 : data.responseMessage02) + '<br />' +
(data.responseStatus03 ? 'Reply from ' + elem.IP + ': bytes=32 time=' + data.rtt03 + ' TTL=' + data.ttl03 : data.responseMessage03) + '<br />' +
(data.responseStatus04 ? 'Reply from ' + elem.IP + ': bytes=32 time=' + data.rtt04 + ' TTL=' + data.ttl04 : data.responseMessage04) + '<br /><br />' +
'<b>Ping statistics for ' + elem.IP + ':</b><br />' +
indent + 'Packets: Sent = ' + data.sent + ', Received = ' + data.received + ', Lost = ' + data.lost + ' (' + data.percentLost + '% loss),<br />' +
(data.lost < 4 ? '<b>Approximate round trip times in milli-seconds:</b><br />' : '') +
(data.lost < 4 ? indent + 'Minimum= ' + data.minRtt + ', Maximum = ' + data.maxRtt + ', Average = ' + data.avgRtt : '') +
'</p>' +
'</div>';
var indent='&ensp&ensp&ensp&ensp&ensp;';
变量内容=“”+
“'+
“IP:”+elem.IP+“
”+
使用32字节数据“Ping到”+elem.IP+“
”+
(data.responseStatus01?'Reply from'+elem.IP+':bytes=32 time='+data.rtt01+'TTL='+data.ttl01:data.responseMessage01)+'
'+
(data.responseStatus02?'Reply from'+elem.IP+':bytes=32 time='+data.rtt02+'TTL='+data.ttl02:data.responseMessage02)+'
+
(data.responseStatus03?'Reply from'+elem.IP+':bytes=32 time='+data.rtt03+'TTL='+data.ttl03:data.responseMessage03)+'
'+
(data.responseStatus04?'Reply from'+elem.IP+':bytes=32 time='+data.rtt04+'TTL='+data.ttl04:data.responseMessage04)+'
+
“+elem.IP+”的Ping统计信息:
”+
缩进+'数据包:发送='+data.Sent+',接收='+data.Received+',丢失='+data.Lost+'('+data.percentLost+'%loss),
+
(data.lost<4?“以毫秒为单位的近似往返时间:
”:“+
(data.lost<4?缩进+'最小值='+data.minRtt+',最大值='+data.maxRtt+',平均值='+data.avgRtt:'')+
“”+
'';
它可以工作,但jquery工具提示宽度不会自动调整为最长的行。
行(文本)似乎超出了jquery工具提示的宽度
有什么想法吗?在cssI中将div的宽度设置为auto。我们已将div的宽度设置为auto,如下所示:但它不起作用。我也尝试过,但没有成功。@HenkJansen查看我更新的帖子。