将点击事件触发到链接上的点击处理程序中

Question

我有一个这样的链接：

 <a id="downloadReport" href="">Download</a>

我想做的是在点击链接时通过AJAX请求更新元素的href属性，然后触发点击事件跟随链接。这是Javascript代码：

$("#downloadReport").click(function(event)
{
    console.log($(this).attr('href'));
    if ($(this).attr('href') == "")
    {
        event.preventDefault();
        var year = parseInt($("#reportYears").val());

        if (year != 0)
        {
            $.post(
                "/Trainings/getReport",
                {data: year},
                function(data)
                {
                    $("#downloadReport").attr('href', data.trim());
                    $("#downloadReport").click();
                });
        }
    }
    return true;
});

所以通常行为应该是：

1. 点击链接
2. href 已打印
3. href 为空 -> 输入 if
4. 默认点击事件被阻止
5. AJAX 请求
6. href 已更新
7. 点击事件被触发
8. href 已打印
9. href 不为空
10. return true -> 链接应该被关注

我得到一个空字符串，然后是输出中的一个有效链接，因此 AJAX 请求和点击事件触发器有效，但第二个事件没有遵循该链接。 如果返回 true 不应该触发默认事件吗？

Answer 1

$("#downloadReport").click(); 将触发附加到它的 jquery 处理程序。您需要使用 dom click 事件才能重定向到新的 href。像这样使用

$("#downloadReport")[0].click();