我正在使用DD_roundies在 Internet Explorer 中生成圆角。具有圆角元素的页面会被非常频繁地加载,并且roundies 脚本必须运行多次才能圆角并修复 png。这需要很多时间。该脚本生成一些放置在目标元素中的 VML 元素,以及一些它注入到块中的 CSS。
我想保存 VML 和 CSS 以在页面加载时重用,这样我就不必每次都运行脚本。目标元素已经保存在数据库中,并在加载时通过 java 重新插入到 DOM 中。
我制作了一个测试页面,在 roundies 脚本运行后,我获取了元素的 html,包括 VML、XML 命名空间和 CSS。我在 IE 中获取块的 innerHTML 时遇到了一些麻烦,但我能够使用 IE 开发人员工具来获取它,这样我就可以对其进行测试。在获得各种片段后,我将它们放在单独的 HTML 文件中,以查看它们是否会正确呈现。我的测试没有奏效。
这是第一个测试页面:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript">
$(function(){
DD_roundies.addRule('#block_1', '20px 20px 0 0', true);
DD_roundies.addRule('#block_2', '0 20px 20px 0', true);
DD_roundies.addRule('#block_3', '0 0 20px 20px', true);
DD_roundies.addRule('#block_4', '20px 0 0 20px', true);
$('#getContent').click(function(){
var allHTML = $('#allContent').html();
$('#captureContent').text(allHTML).val(allHTML);
});
$('#getStyles').click(function(){
var allStyles = $('#allStyles').html();
$('#captureStyles').text(allStyles).val(allStyles);
});
});
</script>
<div id="allContent">
<script src="http://www.dillerdesign.com/experiment/DD_roundies/DD_roundies_0.0.2a-min.js" type="text/javascript"></script>
<style id="allStyles" type="text/css">
.blocks{
width: 150px;
height: 100px;
margin: 5px;
border: 3px solid #999;
}
</style>
<div id="block_1" class="blocks"></div>
<div id="block_2" class="blocks"></div>
<div id="block_3" class="blocks"></div>
<div id="block_4" class="blocks"></div>
</div>
<button id="getStyles">Get Styles</button>
<textarea id="captureStyles"></textarea>
<br />
<button id="getContent">Get Content</button>
<textarea id="captureContent"></textarea>
任何帮助将不胜感激,谢谢!