Question

我正在尝试在我的页面上加载导航按钮加载内容文件，但其中一些文件是XML，需要使用XSL转换进行样式设置。过去我使用w3schools.com上的XSL On the Client代码取得了成功，所以我在下面进行了调整。但是，有些东西似乎不适用于我的javascript和jquery混合，或者我可能没有正确传递参数？ Firebug告诉我它无法加载'xsl'变量。这种语法有什么不对吗？我对此非常陌生，无法弄清楚我做错了什么。

<script>
$(document).ready(function(){
    $("#aboutTextButton").click(function(){
        $('#contentContainer').load('about-text.html');
    });
    $("#aboutProjectButton").click(function(){
        $('#contentContainer').load('about-project.html');
    });
    $("#catalogButton").click(function(){
        displayResult("catalog.xml","xml-style2.xsl");
    });
    $("#transcriptionButton").click(function(){
        displayResult("behaviour.xml","xml-style2.xsl");
    });
}); 

//script to transform XML, adapted from w3schools.com 
function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}

function displayResult(xml, xsl)
{
// code for IE
if (window.ActiveXObject)
  {
  ex=xml.transformNode(xsl);
  document.getElementById("example").innerHTML=ex;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  resultDocument = xsltProcessor.transformToFragment(xml,document);
  document.getElementById("contentContainer").appendChild(resultDocument);
  }
} 
</script>
</head>

<body>

    <div id="headerImg">
        <img src="cover.jpg">
    </div>

    <div id="menu">
        <ul>
            <li><a id="aboutTextButton">About the Text</a></li>
            <li><a id="aboutProjectButton">About the Project</a></li>
            <li><a id="catalogButton">Browse the Images</a></li>
            <li><a id="transcriptionButton">Read the Text</a></li>
        </ul>
    </div>

    <div id="contentContainer">
    </div>

Answer 1

您永远不会调用loadXMLDoc，因此displayResults函数不处理xml doc，而是处理您传递函数的文件名。 displayResult的第一行应该是：

xml = loadXMLDoc(xml);
xsl = loadXMLDoc(xsl);

那么你的代码应该可行。

将javascript和jquery与XSL转换或函数参数混合的问题？

1 个答案: