jquery tab 点击时才加载页面不点击不加载页面这个怎么写啊?

wenwen1 发布于 2012/11/23 16:27
阅读 3K+
收藏 0
<% @page language="java" isELIgnored="false" contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<jsp:directive.include file="/WEB-INF/sitemesh-decorators/include.jsp"/>
<fmt:setBundle basename="bundles.project-resources"/>
<html>
<head>
<title>Edit <fmt:message key="project.title"/></title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery/themes/icon.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div id="contentarea">      
    <div id="lb"><div id="rb"><div id="bb"><div id="blc">
    <div id="brc"><div id="tb"><div id="tlc"><div id="trc">
    <div id="content">
       <div id="tt" class="easyui-tabs" style="height:1000px;width:1100px;">
         <div title="<fmt:message key="ongoing"/>" closable="true" selected=true>
           <iframe scrolling="yes" frameborder="0"  src="${pageContext.request.contextPath}/ongoingProjectList" style="width:100%;height:100%;"></iframe>
         </div>
         <div title="<fmt:message key="end.project"/>" closable="true">
            <iframe scrolling="yes" frameborder="0"  src="${pageContext.request.contextPath}/endProjectList" style="width:100%;height:100%;"></iframe>
        </div>
        <div title="<fmt:message key="stoped.project"/>" closable="true">
            <iframe scrolling="yes" frameborder="0"  src="${pageContext.request.contextPath}/stoppingProjectList" style="width:100%;height:100%;"></iframe>
        </div>
        <div title="<fmt:message key="terminated.project"/>" closable="true">
            <iframe scrolling="yes" frameborder="0"  src="${pageContext.request.contextPath}/terminatedProjectList" style="width:100%;height:100%;"></iframe>
        </div>
       </div>
        <div class="clear">&nbsp;</div>
    </div>
    </div></div></div></div>
    </div></div></div></div>
</div>
</body>

</html>

这个四个tab点击时才加载页面不点击不加载页面这个怎么写啊?

加载中
1
WxLao
WxLao
点击Tab的时候,调用脚本更改IFrame的src就可以了
0
dedenj
dedenj
往里面动态加载iframe,有就不加了
0
puras
puras

把四个TAB置空,增加点击事件,

点击事件的处理中,根据不同的Tab,动态添加相应的IFRAME


OSCHINA
登录后可查看更多优质内容
返回顶部
顶部