Question

我是webdevelopement和Jquery的新手我有一个带有radiolist（3）项和3个div的aspx页面我在启动时隐藏了所有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>

Answer 1

我认为你在这里做错了：缺少doucment.ready功能。也：

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

.此处的DOT代表cssClass，我无法看到您分配了任何地方。

如果您想隐藏ID：

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

Answer 2

当该脚本运行时，您的页面可能无法完全呈现。

尝试使用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>

jquery在帖子后面打破了

2 个答案: