这是XML:
<?xml version="1.0"?>
<?xml-stylesheet href="a.xsl" type="text/xsl"?>
<root/>
这是a.xsl
样式表:
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns="http://www.w3.org/1999/xhtml"
version="2.0" exclude-result-prefixes="xs">
<xsl:output method="xml" omit-xml-declaration="yes"/>
<xsl:template match="/">
<xsl:text disable-output-escaping="yes"><!DOCTYPE html></xsl:text>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/>
<script>
$(document).ready(
function() {
$('#list').append('<li>foo</li>');
}
);
</script>
</head>
<body>
<ul id='list'>
<li><a href="http://www.example.com">hi!</a></li>
</ul>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
此jQuery操作不会更新页面。怎么了?如何解决?
答案 0 :(得分:0)
这就是它的工作原理:
$('#list').html('<li>foo</li>');