重写<a>标记单击事件以在其自己的<div>中加载数据

Question

我有一个MVC网格，它是在页面加载时通过json调用呈现的。在单击grid的任何标签时，我需要刷新此网格。所以我写了这个javascript。

$("#SearchGrid a").live("click", function (event) {
    var link = event.currentTarget.attributes[0].childNodes[0].wholeText;
    $("#SearchGrid").load(link);
    return (false);
});

它在IE9和其他浏览器上都能很好地工作。但我需要让它在IE8上可用。在IE8中，它不是在同一个div中加载网格，而是将其重定向到一个新页面，其中只包含从json调用返回的网格。

Answer 1

尝尝这个。它直接使用href属性，而不是您的IE专有代码

$("#SearchGrid a").live("click", function () {
    var link = $(this).attr('href');
    $('#SearchGrid').load(link);
    return false;
}

Answer 2

不确定问题可能是什么，但这里有一些调试技巧：- var link =‘some page.html’试着看看你的代码是否真的在IE8中返回了任何html数据-如果是，那么问题出在var link = event.currentTarget.attributes.childNodes.wholeText；-而不是IE8()，试着使用$.ajax调用或json调用，看看会发生什么。我希望这些将被证明是有用的。