0

我有一个页面，其中包含 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

<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 而没有其他任何东西，我能做些什么来解决这个问题？

谢谢

4

0 回答 0