在jekyll中使用jquery.load（）

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”。 我知道我弄錯了，但無法弄清楚確切的位置。 我試過將about / index.html移到許多不同的位置，無濟於事。 有什么建議么？

Answer 1

從Jason P：

嘗試給您的href號為＃，然后更改以下內容：

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

解決了。 謝謝！