我已经使用基本地图和区域标签创建了一个图像地图。我已经测试了地图,所有区域的行为都符合预期,因此 HTML 绝对正确。
单击某个区域时,地图图像的来源将被另一个替换。自然,当第二次单击时,地图源应恢复到其原始状态。它基本上是一个点击/取消点击类型的事件,我试图用它.bind()
来进行取消点击。出于某种原因,它似乎不起作用。
代码如下:
$(document).ready(function(){
$("#area1").click(function(){
$("#londonmap").attr('src','images/clickimage.png');
});
$("#area1").unbind("click", function() {
$("#londonmap").attr('src','images/originalimage.png');
});
});
我用 mouseover/mouseout 而不是单击和取消绑定对此进行了测试,这工作得很好,但当然这对 iPad 不友好。但是,当我尝试此操作时,只有单击有效,然后我第二次单击该区域-没有任何反应。
我怀疑我实现 .unbind() 的方式有问题
感谢您帮助 jQuery 菜鸟!