Question

我有一个页面，其中包含4个CollapsiblePanelExtenders ajax控件，我切换一个是用java脚本打开的。当我在兼容模式下在IE10上运行此代码时，没有任何问题，并且所有工作都按预期工作，但在没有兼容模式的IE10中，Chrome和Firefox根本没有显示在屏幕上

这是javascript：

<script type="text/javascript">
       function LoadPanels() {
           var Test1 = $find("<%=CPEMenu.ClientID %>")
       Test1._animation._fps = 45;
       Test1._animation._duration = 0.5;

       var Test2 = $find("<%=CPEMenu2.ClientID %>")
       Test2._animation._fps = 45;
       Test2._animation._duration = 0.5;

       var Test3 = $find("<%=CPEMenu3.ClientID %>")
       Test3._animation._fps = 45;
       Test3._animation._duration = 0.5;

       var Test4 = $find("<%=CPEMenu4.ClientID %>")
       Test4._animation._fps = 45;
       Test4._animation._duration = 0.5;

       SetPanel()

   }

   function SetPanel() {

       var OpenPanel = document.getElementById("<%=HFOpenPanel.ClientID %>")


       switch(OpenPanel.value)
       {
       case '0':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(false)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(true)
            Test4.set_Collapsed(true)


        break;
    case '1':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(false)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(true)

   break;
   case '2':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(false)
            Test4.set_Collapsed(true)
   break;
   case '3':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(false)
   break;
     default:
         var Test1 = $find("<%=CPEMenu.ClientID %>")
         var Test2 = $find("<%=CPEMenu2.ClientID %>")
         var Test3 = $find("<%=CPEMenu3.ClientID %>")
         var Test4 = $find("<%=CPEMenu4.ClientID %>")
         Test1.set_Collapsed(false)
         Test2.set_Collapsed(true)
         Test3.set_Collapsed(true)
         Test4.set_Collapsed(true)

         break;
      }
   }

   </script>

和第一个面板的html应该是defult打开的

<asp:HiddenField ID="HFOpenPanel" runat="server" Value="0"  />
        <div class="xstep_but"><img src="panle.png"></div>
        <cc1:CollapsiblePanelExtender ID="CPEMenu" runat="server" TargetControlID ="pnlMainMenu1"  SuppressPostBack="false" >
        </cc1:CollapsiblePanelExtender>
        <asp:Panel ID="pnlMainMenu1" runat="server">

         <div class="form_box">
                <div class="form_left">
                    <h3>About You</h3>
                    <div class="form_row">
                        <div class="form_lable">Flat / house number</div>
                        <input type="text" class="form_txt" name="houseno" value=" "><div id='Div1' class="error_strings"></div>
                    </div>
                    <div class="form_row">
                        <div class="form_lable">Postcode</div>
                        <input type="text" class="form_txt" name="postcode" value =" "><div id='Div2' class="error_strings"></div>
                    </div>
                    <div class="form_row">
                        <div class="form_lable">Telephone</div>
                        <input type="text" class="form_txt" name="telephone" value=" "><div id='Div3' class="error_strings"></div>
                    </div>
                    <div class="next_but">
                        <asp:ImageButton ID="IBStep1" runat="server" Text="Button"  
                            onclick="Next_but_click" 
                            ImageUrl="image.png"  />
                    </div>
                </div>
            </div>
            </asp:Panel>

java脚本附加到页面加载期间后面的代码中的asp：ImageButton的onload函数（以便在回发后触发javascript，这样在面板打开时动画仍然会播放）

任何人都可以告诉我为什么这只适用于兼容模式下的IE10，没有别的，我可以做些什么来解决这个问题？

由于

CollapsiblePanelExtender没有显示内容？

0 个答案: