最近在开发中使用了jQuery的tabs组件，需求是这样的：当用户从一个导航的Tree中点击“国家省市管理”时，系统将导航到一个主页面，而在这个主页面里我使用了JQuery的tabs UI组件，并且使用了该组件的Ajax Model与Struts2的结合，代码如下：

<div id="pageCPCACommonTop">
 <ul>
  <li>
   <a href="manageCountry.do"><span>国家管理</span> </a>
  </li>
  <li>
   <a href="manageProvince.do"><span>省份管理</span> </a>
  </li>
  <li>
   <a href="manageCity.do"><span>市辖管理</span> </a>
  </li>
  <li>
   <a href="manageArea.do"><span>区(县)管理</span> </a>
  </li>
 </ul>
</div>

其中herf="***.do"是提交给指定的Action动作处理并定向到相应的jsp页面。做到这里是没有一点问题的，如我所愿，当点击tabs不同的标签时，都能够成功地展示相应的页面，问题出在，我要在相应的Jsp页面通过JQuery对该页面执行增删改查等一系列操作，当我把写好的外部Js文件引入到相应的页面后，该js文件在加载相应的jsp页面时却没有加载进来，也就是说js文件没有执行，我保证绝对不是路径的问题，我查了查资料说好像是什么缓存的问题，我在主页面调用的js文件中这样写的：

$(function(){
 var topContainer = $('#pageCPCACommonTop');
 topContainer.tabs({
  fxSlide: true,
        fxFade: true,
        fxSpeed: 'normal',
        cache: false,
        ajaxOptions: { async: false },
        collapsible:true
 });
});

应该没问题吧？请问问题到底出在哪里？tabs是否能够实现我所说的功能？