IE浏览器不支持svg的innerHTML属性(google浏览器正常)无法显示箭头连接线和连线上的字

在Redmine的redmine_issue_autoflow插件中,遇到IE浏览器无法显示审批流程图的箭头连接线及文字的问题,而Google浏览器显示正常。通过F12开发者工具对比,发现IE不支持SVG的innerHTML属性。尝试使用createElementNS和appendTo作为替代,但未能成功显示效果。最终,通过引入d3.js库来解决IE中操作SVG的问题。
摘要由CSDN通过智能技术生成

问题:Redmine 中插件redmine_issue_autoflow审批流程图,在IE浏览器无法正常显示箭头连接线及连接线上的文字yes,no,google浏览器正常显示。

解决方法:F12开发者工具,将google浏览器中Element的html代码与IE浏览器中html代码比较,发现IE中 标签都没有,据此去后台找到对应js文件,发现是innerHTML未生效。原来是IE中svg不支持innerHTML,查找替代方法。

在这里插入图片描述

var arrows = element.find("svg > g")[0];  //查找箭头属性<svg>中<g>
if (arrows) {
	arrows.innerHTML = "";   //拖动鼠标连接线可以跟着变化
	$.each(items,
                    function (index, orginDiv) {
                        var orginPoint = getCenter(orginDiv);
                        var $orginDiv = $(orginDiv);
                        if (settings.dragObject.dragging       //it's in dragging,and represent the style of path
                            && settings.dragObject
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值