使用了自定义修改提示样式后,无法换行

用了修改提示样式的JS,结果用\n换行不生效了

需要怎么改一下JS?

image.png

image.png

var oldTitle = null;

$('td').bind('mouseover mouseout mousemove', function(event) {

var left = event.pageX;

var top = event.pageY;

var ele = event.target;

var title = ele.title;

var type = event.originalEvent.type;

if (type == 'mouseover') {

oldTitle = title;

ele.title = '';

console.log(title);

if (title.length != 0) {

var showEle = $('', {

text: title,

class: 'showTitleBox'

}).css({

position: 'absolute',

top: top + 10,

left: left,

border: '1px solid #00cccc', // 边框

borderRadius: '5px',    // 边框圆角

background: "#ff0000",       // 背景色

fontFamily: 'SimHei',        // 字体

fontSize: '20px' ,            // 字体大小

color: '#ffffff'

})

showEle.appendTo('body');

}

} else if (type == 'mouseout') {

ele.title = oldTitle;

$('.showTitleBox').remove();

} else if (type == 'mousemove') {

$('.showTitleBox').css({

top: top + 10,

left: left

})

}

})

三·金 发布于 2022-5-26 21:20 (编辑于 2022-5-26 21:21)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
15922204585Lv6高级互助
发布于2022-5-26 21:35
  • 2关注人数
  • 430浏览人数
  • 最后回答于:2022-5-26 21:35
    请选择关闭问题的原因
    确定 取消
    返回顶部