追加锚点上的页面内容点击

Question

我想写一个简单的jquery函数，它将HTML文件的内容插入到当前页面的特定位置，并激活引导程序的smoothscroll.js以向下滚动到链接被点击。

这里是我的开始：

脚本：

<script type="text/javascript"> 
$('a').filter('[data-fetch]').click(function(e){ 
    var clicked = $(e.target).closest('a') 
    , fetch = clicked.attr('data-fetch') 
    ; 

    $.ajax({ 
    url: fetch, 
    success: function(data){ 

     $('body').append(data); 
     smoothScroller(clicked.attr('href')); 

    }); 
    }); 
}); 
    </script> 

HTML：

<a href="#about" data-fetch="index-alt.html">Link</a> 

的#about锚在index-alt.html页。它是否正确？

Answer 1

我想你想获得点击的元素的属性，所以试试这个：

$('a').filter('[data-fetch]').click(function(e){ 
    var fetch = $(this).data('fetch'); //this here refers to the clicked element. 

你也刚刚摆脱过滤器，做：

​​

Answer 2

只需使用​​

$('a').filter('[data-fetch]').click(function (e) { 
    var url = $(this).data("fetch"); //use .data to retrieve custom data 
    $("body").load(url, function() { 
     console.log("data loaded"); 
    }); 
});