Question

jekyll布局：

<a href="" id="link">ClickMe</a>
<div id="main">
    {{ content }}
</div>

jquery的：

<script>
$(document).ready( function() {
    $.ajaxSetup ({
        cache: false
    });

    $("#link").click( function() {

        var url = "about/index.html";
        $("#main").html("<p>loading...</p>").load(url);

    });
});
</script>

关于/ index.html中：

<div>
    <h1>Testing</h1>
</div>

单击链接时，＃main div会显示“加载”文本一秒钟，但随后返回显示之前的内容。据我所知，$ .load（）应该用“about / index.html”替换内容。我知道我错了，但无法弄清楚到底在哪里。我已经尝试将/ index.html移动到许多不同的位置无济于事。有什么建议吗？

Answer 1

来自Jason P：

尝试给你一个#href，并改变以下内容：

$("#link").click(function(e) { 
    e.preventDefault(); 
    /* rest of the code */ 
});

解决。谢谢！

使用jquery.load（）和jekyll

1 个答案: