如何創建功能時，只對靜態元素XSLT

Question

我調用函數collapseandexpand（）負載動態內容，那麼它將無法工作，所以現在如何創建同樣的功能時XSLT負載動態內容。

JavaScript代碼：

<script language="javascript" type="text/javascript"> 
<xsl:text> 
function collapseandexpand(){ 
if(document.getElementById ('subList').style.display == 'none') 
document.getElementById ('subList').style.display = 'block'; 
else 
document.getElementById ('subList').style.display = 'none';   
} 
</xsl:text> 
</script> 

Answer 1

更改您的XSLT代碼

<div class="mainDiv"> 
    <div class="subDiv"> 
    <a href="#" onClick="collapseandexpand(document.getElementById('{generate-id()}'))"> 
     <span> 
      <xsl:value-of select="$key"/> 
     </span> 
    </a>     
    </div> 
    <div class="childsubDiv" id="{generate-id()}" > 
    <ul id="subMenu" class="subMenu"> 
     <xsl:for-each select="pages/page"> 
     <xsl:sort select="@order" data-type="number"/> 
      <xsl:apply-templates select="."> 
      <xsl:with-param name="context" select="$context"/> 
      </xsl:apply-templates> 
     </xsl:for-each> 
    </ul> 
    </div> 
</div> 

，然後腳本功能

function collapseandexpand (element) { 
    element.style.display = element.style.display == 'none' ? '' : 'none'; 
}