我在这里使用dc.js构建了两个图表。对于标题中的第二个图表,您可以看到有两个选项的下拉列表。选择图表重绘与新数据后。在桌面上正常工作。但是,在手机上没有任何反应。我使用以下方法:
HTML:
< div id =' Line_chart_rate'>
< strong>< / strong>中的美元每日价格
< select class =' line-drop'>
< option id =' RUB'>卢布< /选项>
< option id =' CAD && 39;> Canadian Dollars< / option>
< /选择>
< / DIV>
JS:
//费率折线图下拉菜单的事件
$('#CAD')。on("点击",function(){
...更新图表...
返回false;
})
$('#RUB')。on(" click",function(){
...更新图表...
返回false;
})
我四处寻找解决方案。在尝试了几种方法,包括不同的黑客和Jquery移动的变种,使用html标签参考javascript函数等,我无法做任何工作。
据我了解,问题是在移动设备上没有鼠标点击事件,而是点击和滑动事件。因此,我正在寻找一种注册/捕获鼠标单击事件的方法,以便图表在移动设备上更新。以下是完整的html文件和js文件,以防您想查看代码。 jquery单击函数位于js文件的底部。谢谢你的帮助。