Jquery工具提示传递html样式/格式化代码时需要调整.html(）方法

Jquery tooltip Needs tweaking on .html() method when html styling/formatting code is passed

本文关键字：html 调整 方法 格式化 工具提示 样式 Jquery 代码      更新时间：2023-09-26

这是下面的JQ代码，它基于divname、触发器obj和要在工具提示上显示的"消息"创建了一个提示，这里的问题是，当我传递包含格式和样式标记(如<p>、<li>等(的多行消息时，它不会呈现工具提示。不知道为什么。。。即使我正在通过.html((传递它。任何建议都会受到赞赏。提前感谢

"msg"字符串类似

<p> <li>A</li> <li>B</li> </p>

包括的样式和格式

function JQToolTip(toolTipDivName, trigObj, msg) {  
    var overlay = document.createElement('div');
overlay.className = "tooltip";
    overlay.id=toolTipDivName;
   $('body').append(overlay);
$("#"+toolTipDivName).html('<div class="AToolTip"><p align="left">'+msg+'</p></div>');
    $(trigObj).tooltip(
    {
      tip:"#"+toolTipDivName,
      track:true,delay:800,position:"bottomright",direction:'down'});           
 }

$("#"+toolTipDivName).html('<div class="AToolTip"><p align="left">'+msg+'</p</div>');

应该是

  $("#"+toolTipDivName).html('<div class="AToolTip"><p align="left">'+msg+'</p></div>');

如果没有包含> ，jQuery通常会忽略代码

+1记入cdlong。

相关文章：