0

最初に、以下のような jquery ツールチップ テキストを作成します。

function setToolTipText(elemId, content) {
     $('#' + elemId).tooltip({
         content: content,
         show: 'fade',
         hide: 'explode',
         position: {
             my: 'left center',
             at: 'right+10 center',
             collision: 'flipfit'
         }
     });
}

後で、以下のコードを使用して、concrete elem のツールチップ テキストを変更します。

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>';

動作しますが、jquery ツールチップの幅は自動的に最長の行にサイズ変更されません。行(テキスト)がjqueryツールチップの幅からはみ出しているようです。

何か案は?

4

0 に答える 0