我创建了一个基于 Highcharts 插件的图表,我在其中渲染了一个图像(一个按钮:“zoom.png”)。
这张图片有一个onCLick
重置我的yAxis
价值观的事件。
单击按钮时,我需要更改此图像的来源;然后在第二次单击后将其更改回来。
我设法为第一次单击更改了图像的来源(它更改为“zoom1.png”);但是当我再次单击该按钮时,它不会恢复为原始源(“zoom.png”)
这是一个示例:JsFiddle。
[编辑]:使用酷 URI 更新 JSFiddle
我创建了一个基于 Highcharts 插件的图表,我在其中渲染了一个图像(一个按钮:“zoom.png”)。
这张图片有一个onCLick
重置我的yAxis
价值观的事件。
单击按钮时,我需要更改此图像的来源;然后在第二次单击后将其更改回来。
我设法为第一次单击更改了图像的来源(它更改为“zoom1.png”);但是当我再次单击该按钮时,它不会恢复为原始源(“zoom.png”)
这是一个示例:JsFiddle。
[编辑]:使用酷 URI 更新 JSFiddle
您正在检查的条件
if ($('image').attr('href', 'http://inadcod.com/img/zoom.png')) {
是无效的,因为它前面是
chart = new Highcharts.Chart(options);
这将再次使用原始图像(在新创建的图表的加载处理程序中)创建图像,zoom.png
因此条件始终为真,除了第一次没有图像时。
您需要在此图表之外进行不同的检查,例如布尔变量,您将对其进行检查,然后在每次单击时翻转
我通过向容器节点添加一个表示缩放的类来作弊。我不确定为什么它不能识别对 href 属性的更新,但这是一种替代方法: