jquery ui中切换标签时如何刷新当前tabs下的内容

javaSir 发布于 2014/09/12 14:14
阅读 6K+
收藏 0

jquery ui使用tabs时如何实现点击切换tab标签时刷新该tab标签下的内容,研究了两天了,请大神指点。

 <body style="overflow:hidden;">
     <input type="hidden"  id="index"  value="${flag}">
     <input type="hidden" value="<%=path%>/parameter/listProductFactor.do${suffixUrl}#tabs-1"/>
     <input type="hidden" value="<%=path%>/parameter/listReAmtChange.do${suffixUrl}#tabs-2"/>
  <div id="tabs" >
    <ul>
      <li ><a href="<%=path%>/parameter/listProductFactor.do${suffixUrl}#tabs-1">准备因子</a></li>
      <li ><a href="<%=path%>/parameter/listReAmtChange.do${suffixUrl}#tabs-2">自留额调整率</a></li>
      <li ><a href="<%=path%>/parameter/listStatisType.do#tabs-3">统计分类</a></li>
    </ul>
    <div id="tabs-1">
    <p>
      <iframe id="ProductFactor"   width="100%"  frameborder="0"  scrolling="no"></iframe>
    </p>  
    </div>
    <div id="tabs-2">
          <p>
     <iframe id="ReAmtChange" width="100%"  frameborder="0" src=""  scrolling="no"></iframe>
      </p>   
    </div>
    <div id="tabs-3">
         <p>
       <iframe id="listStatisType" width="100%"  frameborder="0"  src=""  scrolling="no"></iframe>
      </p>   
    </div>
  </div>
     <script type="text/javascript" src="<%=path%>/js/layer-v1.8.5/layer/layer.min.js"></script>
     <script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script>
  <script type="text/javascript">
      var index = 0;
   $(function() {
      //判断激活哪个标签
      if($('#index').val()){
        index = parseInt($('#index').val());
     }
     //设置为激活状态    
        var tabs = $("#tabs").tabs({active:index});

    });
  </script>
  </body>
</html>

加载中
返回顶部
顶部