Question

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

CODE ......

function 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>

Answer 1

对此的一个解决方案是对每个选项卡使用单独的div和iframe并加载页面加载的所有iframe ...因此离子tabwitching只是告诉目标div ...但它会减慢应用程序的速度......我正在寻找一种新的快速解决方案...

使用jquery在选项卡切换上加载aspx页面

1 个答案: