点击事件触发两次

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时点击事件会发出两次调用？

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

更新 2：刚刚尝试将其连接到实际页面，FireBug 除了两个 get/posts 之外还吐出此错误消息。这证实了这是 ColorBox 中的一个问题。此外，它也很难取得进展，因为当两个调用都显示完整的颜色框时，它会显示它的 throbber。

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

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

Answer 1

对彩盒不是很熟悉，所以我在这里勉为其难。我猜你希望 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
    });
});

这可能无法解决问题，但它会告诉您问题是颜色框触发了两次 href 还是单击执行了两次。