Javascript 单击并触摸终端不会在移动设备上被触发
在我网站的一个页面上,我有一张图表。它本质上是一个svg图像,表示一个饼图,有3个html文本项作为标签。我想点击这些,改变文本的中间,然后向下滚动页面。桌面工作正常,但在悬停状态下文本会发生变化。然而,当我在手机上进行测试时,我的手机版本代码不起作用。以下是我目前拥有的代码:Javascript 单击并触摸终端不会在移动设备上被触发,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,在我网站的一个页面上,我有一张图表。它本质上是一个svg图像,表示一个饼图,有3个html文本项作为标签。我想点击这些,改变文本的中间,然后向下滚动页面。桌面工作正常,但在悬停状态下文本会发生变化。然而,当我在手机上进行测试时,我的手机版本代码不起作用。以下是我目前拥有的代码: jQuery(window).load(function() { console.log( "inside window load" ); var linksies = jQuery(".home-cha
jQuery(window).load(function() {
console.log( "inside window load" );
var linksies = jQuery(".home-chart")[0].children[1].children[0].children[3].children;
var handler = function(event){
event.preventDefault();
console.log( "inside click event" );
var newtext = phrtext;
jQuery("#chartTitle").text(newtext);
//'home-'+textie
var divid = "#" + datatarget;
jQuery('html, body').animate({
scrollTop: jQuery(divid).offset().top
}, 3000);
};
for (var j=0;j<linksies.length;j++)
{
linksies[j].onclick = handler;
linksies[j].ontouchend = handler;
}
});
jQuery(window).load(function(){
控制台日志(“窗口内加载”);
var linksies=jQuery(“.home chart”)[0]。子项[1]。子项[0]。子项[3]。子项;
变量处理程序=函数(事件){
event.preventDefault();
日志(“内部点击事件”);
var newtext=phrtext;
jQuery(“图表标题”).text(newtext);
//“主页-”+textie
var divid=“#”+datatarget;
jQuery('html,body')。动画({
scrollTop:jQuery(divid).offset().top
}, 3000);
};
for(var j=0;jAlertlinksies.length
并检查…当我调试时,我进入到for循环中,我看到onclick函数被填充。你能分享一把相同的小提琴吗?你必须在移动设备上测试,因为google emulator确实进入了处理函数