Question

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

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

这与Chrome，Safari和Firefox中的预期完全相同，但不适用于Internet Explorer。

在资源管理器中，单击＃button1将触发.Fadein和.load（我可以非常简单地看到转换和外部数据呈现），然后整个页面刷新，外部内容被卸载。

为什么会发生这种情况以及如何解决这个问题？

Answer 1

按钮是锚标签吗？您可能需要阻止点击事件的默认操作，并阻止事件冒泡，以防止该按钮的父主持人：

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

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

1 个答案: