jQuery ReplaceWith 替换 div 导致重新加载

Question

我正在使用 jQuery ReplaceWith 来替换可见的 <div>和另外一个。但是，由于某种原因，当我单击链接启动替换时，页面会重新加载并导致原始 <div>再次出现。这是我的 jQuery:

$(function(){
    $("a#startSlide").click(function () {
        $('div#leftText').replaceWith('div#slide');
    });
});

为什么更换div后会重新加载？

Answer 1

您需要取消该事件，因为 anchor 单击的默认事件是更改窗口位置:

$(function(){
    $("a#startSlide").click(function (event) {
        event.preventDefault();
        $('div#leftText').replaceWith('div#slide');
    });
});