.load 导致 Internet Explorer 中的总页面刷新？

Question

所以我有一个带有菜单栏和内容区的简单网站。当我单击菜单栏中的某个按钮时，它应该对内容区域的图形元素进行快速淡入过渡，并将外部内容加载到 div 中。

$("#button1").click(function(){
$(".contentdivs").fadeIn(1000);
$(".content").load("external.html");
});

这在 Chrome、Safari 和 Firefox 中完全符合预期，但在 Internet Explorer 中则不然。

在资源管理器中，单击#button1 将触发 .Fadein 和 .load（我可以看到过渡和外部数据非常短暂地呈现），但随后整个页面刷新，外部内容被卸载。

任何想法为什么会发生这种情况，以及如何解决它？

Answer 1

按钮是锚标记吗？您可能需要阻止 click 事件的默认操作并阻止事件冒泡，以防按钮有锚父级：

$("#button1").click(function(e){
    e.preventDefault();
    e.stopPropagation();
    $(".contentdivs").fadeIn(1000);
    $(".content").load("external.html");
});