javascript - 函数完成后，重定向到 URL

Question

我有一些 HTML，不幸的是它是一个继承的 onclick:

<a href="http:www.intendedlink.com" onclick="tracker(this, 'HondaAccord');return false;">Buy a Car</a>

我想要的是在单击时生成图像，附加到 div car，然后传输到 URL。这样:

function tracker(theLink, trackID) {
    var trackUrl = "http://www.mysite.com?something=" + trackID + "&val1&val2;";
    var img = $('<img>');
    img.attr('src', trackUrl);
    img.appendTo('div.car');
    $(function () {=
        $(this).on('click', function () {
            var url = theLink;
            if (url) {
                window.location = theLink;
            }
        });
    });
}

图像已生成，但我从未发送到新链接。也许我什至不需要绑定(bind)？但我想确保在图像附加到 car 之前我不会被发送，否则跟踪响应会过早中断。

Answer 1

theLink 是 anchor 节点，不是 href。尝试

window.location = theLink.href;

并且，删除不需要的点击方法。相反，您需要等到图像加载完毕后再重定向，以确保请求已发送。

function tracker(theLink, trackID) {
    var trackUrl = "http://www.mysite.com?something=" + trackID + "&val1&val2;";
    var img = $('<img>');
    img.attr('src', trackUrl);
    //img.appendTo('div.car'); not needed
    img.load(function(){
      window.location = theLink.href;
    });    
}