javascript - Div内容不会在点击时加载

因此，我正在尝试加载与我的主页位于同一文件夹中的页面，并且单击时不会加载该页面。也许我的代码有问题。我知道它被称为是因为我检查了警报。

代码波纹管。

<script>
    function closeIt() {
            e.preventDefault();
             $("#load-here").load($(this).attr('secound.html'));
    };
</script>

<div id="buttons" >
                <form>
                <button class="btn" onClick="closeIt()" >secound</button>
                 </form>
            </div>

<div id="load-here">
     hehehe
    </div>

最佳答案

这里有两个问题。首先，您的函数closeIt不是jQuery事件处理程序，因此尚未定义e，因此无法在其上调用preventDefault()。其次，您滥用了attr，它用于从DOM元素获取属性。将closeIt的函数定义替换为以下内容：

function closeIt() {
    $("#load-here").load('secound.html');
}