html页面引入另一html片段，并重新加载js

页面需要有这一功能，通过点击不同的按钮，在同一<div class='tab-content'></div>中展示不同的内容。
可使用Jquery的load函数

$('.tab-content').load('./fragment/xxx.html');

但发现了其它问题：原来xxx.html所绑定的js都已经失效
问题原因：我的JS代码是这样写的：

$(function(){
    $('.tab-content').load('./fragment/xxx.html');
})

这样会导致整个html(包括引用的JS代码)已经加载完成才进行的load操作，JS的代码没能绑定在后加载的xxx.html页面上。
怎么办？
可以这样调用：

$(function(){
    $('.tab-content').load('./fragment/xxx.html',function(){
       //在这里再重新加载一次JS,$.getScript为异步函数
       $.getScript('./JS/xxx.js',function(){
              alert('重新载入xxx.js');
       });
})