jquery在邮件背面损坏

jquery broken on post back

本文关键字：背面 损坏 jquery      更新时间：2023-11-21

我是webdevelopment和Jquery的新手我有一个aspx页面，上面有一个radiolist（3）项和3个div我在启动时隐藏所有3个

在返回的帖子中，我正在检查，如果有一个按钮被选中，我将尝试再次使用jquery来显示div有人能检查一下哪里错了吗

    <asp:RadioButtonList ID="RdoListAdminTasks"  runat="server" BackColor ="SkyBlue">
    <asp:ListItem Text = "Add Employee" >Add Employee</asp:ListItem>
    <asp:ListItem Text = "EditEmployee">Edit Employee</asp:ListItem>
    <asp:ListItem Text = "AddCCB">Add CCB</asp:ListItem>
    </asp:RadioButtonList>
 <script type="text/javascript">
   var rbvalue = $("input[@name=<%=RdoListAdminTasks.UniqueID%>]:radio:checked").val();
        rbvalue=rbvalue;
        if (typeof rbvalue == 'undefined'){
                    $().ready(function() {
                    $('.AddCCB').hide();
                    $('.EditEmployee').hide();
                    $('.Add_Employee').hide();

                                           });
        }   
        else{
        switch (rbvalue){
            case 'Add Employee':
                              $('.AddCCB').fadeOut('fast');
                              $('.EditEmployee').fadeOut('fast');
                              $('.Add_Employee').fadeIn('slow'); 
                              break;
            case 'Edit Employee':            
                                $('.AddCCB').fadeOut('fast');
                                $('.Add_Employee').fadeOut('fast');        
                                $('.EditEmployee').fadeIn('slow');
                                break;
             case 'Add CCB':
                                $('.EditEmployee').fadeOut('fast');
                                $('.Add_Employee').fadeOut('fast');
                                $('.AddCCB').fadeIn('slow');
                                break;
            default:
                                alert("How'd you get here? Who sent you?");
                                $('.AddCCB').fadeOut('fast');
                                $('.EditEmployee').fadeOut('fast');
                                $('.Add_Employee').fadeOut('fast');
                                break; 


        }

        } 
     </script>

我认为你在这里做得不对：缺少doucment.ready函数。还有：

 $('.AddCCB').hide();

这里的. DOT代表这里的cssClass，我看不出你在哪里分配了它。

如果你想用ID:隐藏

 $('#<%= AddCCB.ClientID %>').hide();

当脚本运行时，页面可能没有完全呈现。

尝试使用document.ready:

function UpdateUIDisplay() {
    var rbvalue = $("input[@name=<%=RdoListAdminTasks.UniqueID%>]:radio:checked").val();
    rbvalue=rbvalue;
    if (typeof rbvalue == 'undefined'){
                $().ready(function() {
                $('.AddCCB').hide();
                $('.EditEmployee').hide();
                $('.Add_Employee').hide();

                                       });
    }   
    else{
    switch (rbvalue){
        case 'Add Employee':
                          $('.AddCCB').fadeOut('fast');
                          $('.EditEmployee').fadeOut('fast');
                          $('.Add_Employee').fadeIn('slow'); 
                          break;
        case 'Edit Employee':            
                            $('.AddCCB').fadeOut('fast');
                            $('.Add_Employee').fadeOut('fast');        
                            $('.EditEmployee').fadeIn('slow');
                            break;
         case 'Add CCB':
                            $('.EditEmployee').fadeOut('fast');
                            $('.Add_Employee').fadeOut('fast');
                            $('.AddCCB').fadeIn('slow');
                            break;
        default:
                            alert("How'd you get here? Who sent you?");
                            $('.AddCCB').fadeOut('fast');
                            $('.EditEmployee').fadeOut('fast');
                            $('.Add_Employee').fadeOut('fast');
                            break; 


    }

    } 
 }
 $(function() { UpdateUIDisplay(); });
 </script>
相关文章：