Javascript 为什么我的点击功能在移动设备上的SVG中不起作用,但在桌面上起作用?

Javascript 为什么我的点击功能在移动设备上的SVG中不起作用,但在桌面上起作用?,javascript,android,iphone,svg,Javascript,Android,Iphone,Svg,我在这段代码中有两个简单的JS函数: 函数替换头(id,内容){ var container=document.getElementById(id); container.innerHTML=内容; } 函数替换内容(id、内容){ var container=document.getElementById(id); container.innerHTML=内容; } .st0{ 填充:#C6C8AB; } .st1{ 剪辑路径:url(“#SVGID_2”); 填充:#C6C8AB; } .

我在这段代码中有两个简单的JS函数:

函数替换头(id,内容){
var container=document.getElementById(id);
container.innerHTML=内容;
}
函数替换内容(id、内容){
var container=document.getElementById(id);
container.innerHTML=内容;
}
.st0{
填充:#C6C8AB;
}
.st1{
剪辑路径:url(“#SVGID_2”);
填充:#C6C8AB;
}
.st2{
填充:#5362FF;
}
.st3{
填充物:2A4D5C;
}
.st4{
字体系列:“HalisR Bold”;
}
.st5{
字体大小:10px;
}
.st6{
启用背景:新建;
}
.st7{
填充:无;
冲程:#C6C8AB;
笔画宽度:3;
}
.st8{
剪辑路径:url(“#SVGID_4”);
填充:无;
冲程:#C6C8AB;
笔画宽度:3;
行程限制:10;
}
path.active{
冲程:#5362FF;
笔划宽度:8px;
绘画顺序:笔画;
笔划线条连接:圆形;
}
text.active tspan{
填充:#5362FF!重要;
}
.gd globe a:悬停>路径{
冲程:#5362FF;
笔划宽度:8px;
绘画顺序:笔画;
笔划线条连接:圆形;
}
.gd globe a:hover>text tspan.gd globe a:hover>text{
填充:#5362FF!重要;
}

标题

title
问题来自于
javascript:someFunction
SVG不是问题所在。
似乎
javascript:someFunction
不能在所有浏览器中工作。
这意味着不仅仅是移动设备受到了影响。
请看:。
这里还有一个有趣的讨论:

要回答您的问题,我将使用如下所示的onlick:

//由于内容相同,所以将函数设置为1函数
函数替换内容(id、内容){
var container=document.getElementById(id);
container.innerHTML=内容;
}

标题

Lorem ipsum dolor sit amet, 献祭精英, 这是临时性的劳动和就业机会。 我们在这里吃得很少, 我们的实验室是一个普通的实验室。 两人或两人在一个无教区的房间里互相指责。 除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。


问题来自
javascript:someFunction
SVG不是问题。
似乎
javascript:someFunction
不能在所有浏览器中工作。
这意味着不仅仅是移动设备受到了影响。
请看:。
这里还有一个有趣的讨论:

要回答您的问题,我将使用如下所示的onlick:

//由于内容相同,所以将函数设置为1函数
函数替换内容(id、内容){
var container=document.getElementById(id);
container.innerHTML=内容;
}

标题

Lorem ipsum dolor sit amet, 献祭精英, 这是临时性的劳动和就业机会。 我们在这里吃得很少, 我们的实验室是一个普通的实验室。 两人或两人在一个无教区的房间里互相指责。 除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。


这里没有jQuery。您可以尝试使用Javascript(例如
addEventListener
)而不是HTML属性正确地附加处理程序删除jQuery,很抱歉我原来有一些jQuery,但删除了它,因为它与此问题无关。我在iPhone上进行了测试,但我的客户告诉我她的Android设备也没有显示它们。。。上面代码段中的链接不会显示在我的移动设备上,它会将代码段框默认为[code]框,因为它在代码笔中也适用于我。我认为问题在于我在SVG中有链接。起初我忽略了提到这一点,因为我认为这与我的文章无关,我试图简化这篇文章。我在这里设置了一个代码笔:这是我所有的完整代码,它在移动设备上不起作用。嗨,我在Android上用Chrome和Firefox测试了它,两个都正常工作。然而,在桌面上的Firefox中,它不起作用。请检查我的答案,如果它在你的手机上工作。这里没有jQuery。您可以尝试使用Javascript(例如
addEventListener
)而不是HTML属性正确地附加处理程序删除jQuery,很抱歉我原来有一些jQuery,但删除了它,因为它与此问题无关。我在iPhone上进行了测试,但我的客户告诉我她的Android设备也没有显示它们。。。上面代码段中的链接不会显示在我的移动设备上,它会将代码段框默认为[code]框,因为它在代码笔中也适用于我。我认为问题在于我在SVG中有链接。起初我忽略了提到这一点,因为我认为这与我的文章无关,我试图简化这篇文章。我在这里设置了一个代码笔:这是我所有的完整代码,它在移动设备上不起作用。嗨,我在Android上用Chrome和Firefox测试了它,两个都正常工作。然而,在桌面上的Firefox中,它不起作用。请检查我的答案,如果它在你的手机上工作。这可能是co