jQuery 失去焦点没触发绑定事件

代码:         
         var input_text_style="#<%=TextBox1.ClientID %>,#<%=TextBox2.ClientID %>";
            if($.trim(input_text_style).length>1)
            {
                $(input_text_style).bind({
                    focus:function(){
                        $(this).attr({className:"colorfocus"});
                    },
                    focusout:function(){
                        $(this).attr({className:"txt"});
                    }     
                });
                $(input_text_style).attr({className:"txt"});
            }
使用jquery UI dialog弹出对话框 第一个文本框TextBox1的class为 colorfocus 但是是没有选中状态.
然后不管我怎么选其他文本框,只要不选这个文本框 TextBox1的class一直为 colorfocus

解决方案 »

  1.   

    多个事件 依次可以绑定多个事件类型，每个事件类型用空格分隔： 
    $('#foo').bind('mouseenter mouseleave', function() {
      $(this).toggleClass('entered');
    });
      

  2.   

    使用这个试试addClass(class)，removeClass
    你那种方式应是txt，colorfocus两种样式都有
      

  3.   

    $(this).attr({className:"colorfocus"});
    改成
    $(this).attr("class":"colorfocus");
    试试
      

  4.   


    大哥 官方要求这么写的...{className:"colorfocus"}
      

  5.   

    #<%=TextBox1.ClientID %>,#<%=TextBox2.ClientID %>中 单单#<%=TextBox1.ClientID %>有 而且不用dialog的时候正常的很,用了dialog 第一个显示不正常了.
      

  6.   

    好吧,那就改成$(this).attr({"class":"colorfocus"});
      

  7.   

    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
    type="text/javascript"></script>
    <style type='text/css'>
    .colorfocus{
    background-color:red
    }
    .txt{
    background-color:#ccc}
    </style>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").focusin(function(){
        $(this).removeClass('txt').addClass('colorfocus');
      });
      $("input").focusout(function(){
        $(this).removeClass('colorfocus').addClass('txt');
      });
    });
    </script>
    </head>
    <body>
    <div style="border: 1px solid black;padding:10px;">
    First name: <input type="text" class='txt' /><br />
    Last name: <input type="text" class='txt' />
    </div>
    <p>Click outside the input to lose focus (blur).</p>
    </body>
    </html>
    您是要这样的效果吗？？
      

  8.   

    是的 但是在使用 jQuery UI的dialog的时候就出现我所说的问题了
    $('body div').dialog({ height: 'auto',
    width: 320,
    modal: true,
    title:"添加原料生产商",
    position:"center" }).parent().appendTo("body");
      

  9.   

    没人碰到过么?  每次弹出一个dialog都要设置第一个为焦点选中状态 否则不选第一个第一个样式就一直是焦点样式