2010-10-07 65 views
0

您好我有一个jQuery选项卡。在每个标签上点击我想加载一个新页面。我使用的是iframe,但是当标签切换只有源被更改时,加载事件不会发生。我该如何解决这个问题?加载aspx页面切换使用jquery

CODE ......

功能LoadIframePage(URL){对于此

document.getElementById("ifrforms").src= url; 

} 
<div style="float: none; height: 800px" onload="test"> 


     <div id="tabs" style="font-size: 12px; width: 100%; height: 100%; visibility:hidden" onload="SelectaTab(2);"> 
    <ul> 
       <li><a href="#fragment" onclick="LoadIframePage('CashReceipt.aspx')"><span>Cash Receipt</span></a></li> 
       <li><a href="#fragment" onclick="LoadIframePage('CashPayment.aspx')" ><span>Cash Payment</span></a></li> 
       <li><a href="#fragment" onclick="LoadIframePage('BankDeposit.aspx')"><span>Bank Receipt</span></a></li> 
       <li><a href="#fragment" onclick="LoadIframePage('BankWithDrawal.aspx')"><span>Bank Payment</span></a></li> 
       <li><a href="#fragment" onclick="LoadIframePage('Journal.aspx')"><span>Journal</span></a></li> 
      </ul> 
      <div id="fragment" style="width: 100%; height: 90%"> 
       <iframe src="CashPayment.aspx" style="width: 98%; height: 100%" frameborder="0" scrolling="yes" id="ifrforms"> 

       </iframe> 
       </div> 
</div> 
</div> 

回答

0

的一个解决方案是使用单独的div和iframe给每个标签,并负载页面上的所有iframe加载...因此,离子tabswitching只是告诉目标分区...但它会减慢应用程序...这就是我正在寻找一个新的快速解决方案...