Div内容不会在点击时加载

Question

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

代码波纹管。

<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>

Answer 1

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

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