0

XSL サンプル:

<xsl:choose>            
        <xsl:when test="../@id='35'">                
            <strong><xsl:value-of select="."/><br /></strong>
        <font class="uportal-channel-text">
        <input name="response35" value="Yes" type="radio" onclick="show()"></input>Yes&nbsp;
        <input name="response35" value="No" type="radio" onclick="hide()"></input>No&nbsp; <br /><p></p>            
        </font>
        </xsl:when>
        <xsl:when test="../@id='36'">                
            <div class="show1 hidden"><div id="ask-heading"><strong><xsl:value-of select="."/><br /></strong></div></div>
        </xsl:when>
        <xsl:when test="../@id='37'">                
            <div class="show1 hidden">
                <strong><xsl:value-of select="."/><br /></strong>
                <font class="uportal-channel-text">
                <textarea cols="20" rows="1" name="response37" maxlength="255"></textarea>
                <br />  <p></p>            
                </font>
            </div>
        </xsl:when></xsl:choose>

各セクションの div class=hidden に注意してください。そのjqueryとcssはこれです：

<style>
        .hidden{display: none;}         
    </style>
    <script type="text/javascript">
        function show(){
            $('.show1').removeClass('hidden');
        }
        function hide(){
            $('.show1').addClass('hidden');
        }
    </script>

xsl choose の上部にある id=35 セクションで onclick イベントが発生すると、addClass と removeClass は正しく機能します。

問題は、class=hidden であるデフォルトのセクションに空白のスクリーン ショットが表示されることです。

送信の上に表示される空白

これを通常の html でテストすると、ディスプレイが正しく動作せず、スペースがありません。任意の支援をいただければ幸いです。その空白を取り除き、最後の質問の下にある場所に送信ボタンを配置したいと思います。

前もって感謝します

更新:html を表示すると問題が発生します。DB からの他のテンプレートまたはデータ呼び出しが<br /><p></p>各質問に追加されています。

<div class="show1 hidden">
   <strong>Total enrollment:
   <br />
   </strong><font class="uportal-channel-text">
   <textarea maxlength="255" name="response37" rows="1" cols="20"></textarea>
   <br /><p></p></font>
</div>
<br>
<p></p>

これは私の div class=hidden の範囲外です

それで、それを排除できたら、協力するはずです。

4

1 に答える 1

0

<br />生の html 出力を表示した後、余分なスペースの原因となっているマークアップを含むテンプレートがページに含まれていました。

これらが削除されると、必要に応じてページからスペースが削除されました。

于 2013-10-22T19:51:36.223 に答える