我有一个显示100行数据的页面，我有一个按钮＆＃34;信息＆＃34;在每一行中显示有关该行记录的更多详细信息。
它在chrome / safari中工作正常。但是在Firefox和IE11中，渲染页面的速度非常慢。
我的代码如下所示
<link rel="stylesheet" href="demo/jquery.mobile-1.4.2.css">
<script type="text/javascript" src="demo/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="demo/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript" src="demo/jquery.shorten.js"></script>
................. ............. 在每一行中，下面的代码用于＆＃34;信息＆＃34;按钮。
<a href="#popup1" data-rel="popup" data-position-to="window" data-role="button" data-
mini=true data-theme="a" data-inline="true" onclick="$('#popup1').popup();
$('#popup1').popup('open');">Information</a>
<div data-role="popup" id="popup1" data-corners="false" data-tolerance="15,15" data-
transition="slide">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-
iconpos="notext" class="ui-btn-right">Close</a><iframe src="http://example.com/test.php?
row=1" width="680" height="320" seamless></iframe>
</div>
.....................
.......................
<a href="#popup2" data-rel="popup" data-position-to="window" data-role="button" data-
mini=true data-theme="a" data-inline="true" onclick="$('#popup2').popup();
$('#popup2').popup('open');">Information</a>
<div data-role="popup" id="popup2" data-corners="false" data-tolerance="15,15" data-
transition="slide">
<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-
iconpos="notext" class="ui-btn-right">Close</a><iframe src="http://example.com/test.php?
row=2" width="680" height="320" seamless></iframe>
</div>
请您告诉我我们如何更改以上内容以加快加载速度？
THX