Javascript XSLT从DBpedia数据创建一个可排序表_Javascript_Jquery_Xml_Xslt

Javascript XSLT从DBpedia数据创建一个可排序表

javascript jquery xml xslt

Javascript XSLT从DBpedia数据创建一个可排序表,javascript,jquery,xml,xslt,Javascript,Jquery,Xml,Xslt,我有一个来自DBPedia的XML文件，它具有以下布局： <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/xsl" href="example.xsl"?> <sparql xmlns="http://www.w3.org/2005/sparql-results#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:

我有一个来自DBPedia的XML文件，它具有以下布局：

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="example.xsl"?>
<sparql xmlns="http://www.w3.org/2005/sparql-results#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/2001/sw/DataAccess/rf1/result2.xsd">
 <head>
  <variable name="manufacturer"/>
  <variable name="name"/>
  <variable name="car"/>
 </head>
 <results distinct="false" ordered="true">
  <result>
   <binding name="manufacturer"><literal xml:lang="en">Ford Motor Company</literal></binding>
   <binding name="name"><literal xml:lang="en">Lincoln Mark VIII</literal></binding>
   <binding name="car"><uri>http://dbpedia.org/resource/Lincoln_Mark_VIII</uri></binding>
  </result>
  <result>
   <binding name="manufacturer"><literal xml:lang="en">Ford Motor Company</literal></binding>
   <binding name="name"><literal xml:lang="en">Lincoln Continental Mark VI</literal></binding>
   <binding name="car"><uri>http://dbpedia.org/resource/Lincoln_Continental_Mark_VI</uri></binding>
  </result>
 </results>
</sparql>


福特汽车公司
林肯马克八世
http://dbpedia.org/resource/Lincoln_Mark_VIII
福特汽车公司
林肯大陆六世
http://dbpedia.org/resource/Lincoln_Continental_Mark_VI

这是我的XSLT：

<xsl:stylesheet version="1.0"
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
        xmlns:sp="http://www.w3.org/2005/sparql-results#"
        xmlns="http://www.w3.org/1999/xhtml">

  <xsl:template match="sp:sparql">
    <html>
      <head><title>XSLT demo</title>
      </head>
      <body>
        <table border="1">
          <tr>
            <th>Manufacturer</th>
            <th>Model</th>
          </tr>
          <xsl:apply-templates/>
        </table>
      </body>
    </html>
  </xsl:template>

  <xsl:template match="sp:result">
    <tr>
      <td><xsl:value-of select="sp:binding[@name='manufacturer']"/></td>
      <xsl:variable name="NAME"><xsl:value-of select="sp:binding[@name='car']"/></xsl:variable>
      <td><a href="{$NAME}"><xsl:value-of select="sp:binding[@name='name']"/>  </a></td>
    </tr>
  </xsl:template>

</xsl:stylesheet>


XSLT演示
制造商
模型

如何使用Javascript或任何其他方式对该表进行排序？我已经尝试过sorttable.js和TableSorter，但它们似乎不起作用。有什么想法吗？提前谢谢

表排序脚本应该可以正常工作。张贴一个不工作，我们可以从那里帮助。我已经按照这个例子，但我不能让它工作。。。。我也试过这个，但似乎也不管用。。。。XSLT问题的一般规则是，您需要显示输入和所需的输出。您的输出是HTML加Javascript。如果您不知道要生成什么输出（即，什么HTML+JS可以工作），那么您就遇到了HTML/JS问题，而不是XSLT问题。因此，你选择的标签将你的问题导向了错误的受众，从而降低了你得到答案的可能性。我给你我使用的所有代码。上面的代码只生成一个表。如果用户单击表的标题，我希望此表可以排序。这很简单。它没有变得更简单。这也是一个XSLT问题，因为Javascript库不能使用它