AJAX手風琴遊當我添加表到部分在這裏

新手開發者...AJAX手風琴遊當我添加表到部分在這裏

我最近發現了AJAX手風琴，它是完美的東西我想創建。我創建了四個部分/窗格，並且我可以順利地在窗格之間切換。但是，一旦我在第一部分中添加了一個表（在我的代碼中將其命名爲SECTION ONE），整個手風琴就會中斷。它仍然像平常一樣加載，但是當我點擊其他窗格時沒有任何反應。我在網上看過，並且我看到證據表明，在一節中包括一張表是可能的，所以我必須錯過一些東西。

請有人可以幫助我嗎？

非常感謝。

<table> 
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
</asp:ToolkitScriptManager> 
<asp:Accordion ID="Accordion1" runat="server" SelectedIndex="0" 
FadeTransitions="true" FramesPerSecond="30" TransitionDuration="350" 
AutoSize="None" HeaderCssClass="accordionHeader" 
ContentCssClass="accordionContent"> 

<Panes> 
<asp:AccordionPane ID="AccordionPane1" runat="server"><Header><a href="" 
onclick="return false"; class="accordionLink">SECTION 1</a></Header> 
<Content> 
<table class="accordionTable"> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table></Content> 
</asp:AccordionPane> 
<asp:AccordionPane ID="AccordionPane2" runat="server"><Header><a href="" 
onclick="return false"; class="accordionLink">SECTION 2</a></Header> 
<Content>EFG</Content></asp:AccordionPane> 
<asp:AccordionPane ID="AccordionPane3" runat="server"><Header><a href="" 
onclick="return false"; class="accordionLink">SECTION 3</a></Header> 
<Content>HIJ</Content></asp:AccordionPane> 
<asp:AccordionPane ID="AccordionPane4" runat="server"><Header><a href="" 
onclick="return false"; class="accordionLink">SECTION 4</a></Header> 
<Content>KLM</Content></asp:AccordionPane> 
</Panes> 
</asp:Accordion> 
</table></form> 
</td> 
</tr> 
</table>

來源

2017-06-16 Artical Don

您應該修正，你必須在HTML分號的地方標籤開始：onclick =「返回false」; （在引號內移動分號）。 – mjw

非常感謝您的快速響應。不幸的是，修正案沒有解決這個錯誤。和以前一樣，如果我從第一部分中刪除整個表格，那麼一切正常，但我真的需要能夠包含表格。如果有人有任何其他建議，我會很感激。 –

您的問題實際上與HTML標記相關。你有一堆無效的標記。如果我將代碼粘貼到編輯器中，它會顯示所有問題。請嘗試以下... – mjw

您的標記中有很多格式錯誤的HTML。出於演示目的，我用<div>取代了包裝手風琴的最外層<table>。不過，如果你需要一個表來包裝它，你應該遵守的規則，使用表結構如下所示：

<table> 
    <tr> 
     <td>YOUR CONTENT</td> 
    </tr> 
</table>

試試這個：

<div> 
    <ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
    </ajax:ToolkitScriptManager> 
    <ajax:Accordion ID="Accordion1" runat="server" SelectedIndex="0" 
       FadeTransitions="true" FramesPerSecond="30" TransitionDuration="350" 
       AutoSize="None" HeaderCssClass="accordionHeader" 
       ContentCssClass="accordionContent"> 
     <Panes> 
      <ajax:AccordionPane ID="AccordionPane1" runat="server"> 
       <Header><a href="#" onclick="return false" class="accordionLink">SECTION 1</a></Header> 
       <Content> 
        <table class="accordionTable"> 
         <tr> 
          <td>&nbsp;</td> 
          <td>&nbsp;</td> 
         </tr> 
         <tr> 
          <td>&nbsp;</td> 
          <td>&nbsp;</td> 
         </tr> 
        </table> 
       </Content> 
      </ajax:AccordionPane> 
      <ajax:AccordionPane ID="AccordionPane2" runat="server"> 
       <Header> 
        <a href="#" onclick="return false" class="accordionLink">SECTION 2</a> 
       </Header> 
       <Content>EFG</Content> 
      </ajax:AccordionPane> 
      <ajax:AccordionPane ID="AccordionPane3" runat="server"> 
       <Header> 
        <a href="#" onclick="return false" class="accordionLink">SECTION 3</a> 
       </Header> 
       <Content>HIJ</Content> 
      </ajax:AccordionPane> 
      <ajax:AccordionPane ID="AccordionPane4" runat="server"> 
       <Header> 
        <a href="#" onclick="return false" class="accordionLink">SECTION 4</a> 
       </Header> 
       <Content>KLM</Content> 
      </ajax:AccordionPane> 
     </Panes> 
    </ajax:Accordion> 
</div>

來源

2017-06-16 15:38:06 mjw

AJAX手風琴遊當我添加表到部分在這裏

回答

相關問題