Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将jquery工具提示宽度自动调整为最长行_Jquery_Jquery Tooltip - Fatal编程技术网

将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

最初,我创建了一个jquery工具提示文本,如下所示:

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查看我更新的帖子。