特定の時点でhtmlファイルのコンテンツを現在のページに挿入し、リンクがクリックされたときにbootstrapのsmoothscroll.jsをアクティブにしてスクロールダウンする単純なjquery関数を作成しようとしています。
これが私のスタートです:
脚本:
<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
ます。これは正しいです?