点击事件触发两次

Question

我不知道这是否与 Raphael、ColorBox 或 jQuery 有关。这是我的相关代码：

var image = paper.image(p.url_, tx, ty, img.width, img.height);
image[0].style.cursor = "pointer";
image.node.onclick = function() {
    $.colorbox({
        title: "Some Random Title",
        href: function() {
            $.post("test.php", { arg: p.id_ } );
        }
    });
};      

当观看 FireBug 控制台中的点击时，该帖子被触发两次。如果它也是 get 的话，它也会被触发两次。

如果我从 href 函数更改为直接调用 test.php，则只会发出一个 get 。

为什么使用 jQuery 时单击事件会发出两次调用？

更新：在匿名函数中添加对警报的调用也会触发两次，所以我猜这与 colorbox 有关。

更新2：刚刚尝试将其连接到实际页面，FireBug 除了两个 get/posts 之外还吐出此错误消息。这证实了这是 ColorBox 中的问题。此外，它也使进展变得困难，因为虽然两者都调用完整的彩盒，但它却显示了它的颤动。

c is undefined 
    (function(b,gb){var v="none",t="click"...c.settings=eb;b(c.init)})(jQuery,this)

注意：这仅附加到第二次调用，而不是第一次。

Answer 1

对 colorbox 不太熟悉，所以我在这里冒险。我猜你希望 colorbox 的 html 使用帖子的结果。我会把帖子放在彩盒外面。您有什么原因不使用 $(image.node).click() 吗？甚至$(image).click()？这是我的做法

var image = paper.image(p.url_, tx, ty, img.width, img.height);
image[0].style.cursor = "pointer";
$(image.node).click(function() {
    var post_html = $.post("test.php", { arg: p.id_ } );
    $.colorbox({
        title: "Some Random Title",
        html: post_html
    });
});

这可能无法解决问题，但它会告诉您问题是否是 colorbox 触发了 href 两次，或者单击是否被执行了两次。