两个事件之间的变化

Question

http://jsfiddle.net/skV74/

所以我需要能够画出连接每个圆圈的圆圈和直线，所以我制作了2个按钮，一个画圆圈，另一个画线。

但它不起作用，它无法在圆和线之间切换！我相信我犯了愚蠢的错误：D。

和另一部分代码我没有得到它

var offset = $(this).offset();// return he coordinates 
        var x = e.pageX - offset.left;
        var y = e.pageY - offset.top;

为什么在这里使用offest？它做了什么？

最后我正在做dijkstra最短路径算法的可视化，所以如果有任何建议或额外帮助你可以给予，或任何建议..我需要它:)

提前致谢

Answer 1

首先，您从未解除对事件处理程序的绑定：

$('#myCanvas').off('click').on('click', function (e) {

其次，没有理由将DOM ready处理程序放在你拥有的函数中。

更新了小提琴：http://jsfiddle.net/S8bF4/

Answer 2

在添加新事件之前，您需要取消绑定点击事件。因此，请替换以下每一行：

$('#myCanvas').on('click',function(e)

用这个：

$('#myCanvas').off('click').on('click', function(e)