javascript - 单击时无法加载 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');
}