2017-06-16 53 views
0

新手开发者...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> 
+0

您应该修正,你必须在HTML分号的地方标签开始:onclick =“返回false”; (在引号内移动分号)。 – mjw

+0

非常感谢您的快速响应。不幸的是,修正案没有解决这个错误。和以前一样,如果我从第一部分中删除整个表格,那么一切正常,但我真的需要能够包含表格。如果有人有任何其他建议,我会很感激。 –

+0

您的问题实际上与HTML标记相关。你有一堆无效的标记。如果我将代码粘贴到编辑器中,它会显示所有问题。请尝试以下... – mjw

回答

0

您的标记中有很多格式错误的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>