功能完成后，重定向到URL

Question

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

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

我想要的是在onclick上生成图像，将其附加到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;
            }
        });
    });
}

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

Answer 1

theLink是锚节点，而不是href。 尝试

window.location = theLink.href;

并且，删除不需要的click方法。 相反，您需要等到图像加载后才能重定向，以确保发送了请求。

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;
    });    
}