锚标签问题 - href和点击事件

时间:2013-07-16 05:44:45

标签: javascript jquery

我有click和href事件的锚点链接。我需要首先运行click事件,然后一旦完成事件,它应该调用href来访问action类。我已经在jsfiddle中更新了示例代码,例如完成click事件,它应该转发到stackoverflow.com。但点击后它不会转发。

请告知。

$(document).ready(function () {
    $("div.actions").append('<a id="excelExport" class="actionButton" alt="Export to Excel" title="Export to Excel" href="listexport">click me</a>');
    $('div.actions').on('click', '#excelExport', function (e) {
        e.preventDefault();
        callajax();
    });
});

function callajax() {
    jQuery.ajax({
 url : '',
     data : 

}

JSFIDDLE

1 个答案:

答案 0 :(得分:1)

由于您阻止链接,您需要将this.href发送到CallAjax函数并在成功方法中执行location=href

这当然是假设您将稍后将警报更改为Ajax调用

demo

    callajax(this.href);


function callajax(href) {
    var URL = href;
    $.get("something",{"URL":URL },function(URL){
    // url is returned from server
    location.href=URL;
  });
}

OR

function callajax(href) {
    var URL = href;
    $.get("something",{"URL":URL },function() { // reuse url passed to function
    location.href=URL;
  });
}
相关问题