如何使用ajax load（）

Question

我正在进行导航并尝试使用

在同一页面上加载数据

load()

但是当我点击其中一个链接

时，它会给我错误

我有两个名为about.html和contact.html的页面

我的HTML

  <a href="contact.html">Contact</a>
  <a href="about.html">About me</a>
  <div class="wrap"></div>

我在尝试

  (function(){  

    $('a').on('click',function( e ){
        var href = $(this).attr('href');
        $('.wrap').load(href);
        e.preventDefault();
    });

})();