如何在XML+XSL生成的HTML中使用jQuery进行UL操作

How to manipulate with UL with jQuery in XML+XSL generated HTML?

本文关键字：jQuery 进行 操作 UL HTML XML+XSL      更新时间：2023-09-26

这是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">&lt;!DOCTYPE html&gt;</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操作不会更新页面。怎么了？如何修复？

这就是它的工作方式：

$('#list').html('<li>foo</li>');
相关文章：