2

这是脚本

<script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
   <script type="text/javascript">
   $(document).ready(function() {
        $('input[type="text"]').blur(function() {
        
            $(this).removeClass("focus");
            var a = $(this).context.id;

            if (a.indexOf('guest') > 0)
            {
                if ($(this).val()&&$(this).val()!=0)
                    {
                        //$(this).parent().parent().next().show();      
                        var b = $(this).parent().parent().next().children().find("textarea");
                        b.parent().parent().show();
                        b.addClass("focus");
                        b.focus();
                    }
                    
                                    
                else
                    {
                        $(this).parent().parent().next().children().find("textarea").val('');
                        $(this).parent().parent().next().hide();}       
            }
        });
    
    });
</script>

这是HTML

<table width="620" border="1">
  <tr>
     <td>&nbsp;</td>
     <td style="width:40%"> Memebers $40 </td>
     <td style="width:40%"> Each guest $45 </td>
  </tr>
  <tr>
     <td><input name="breakfast1" type="checkbox" value="breakfast1" tabindex="0" /></td>
     <td>September 12, 2012</td>
     <td style="width:50%">How many guests
        <input type="text" maxlength="2" size="3" id="1guest" name="1guest" tabindex="1" />
     </td>
  </tr>
  <tr style="display:none">
     <td colspan="2">&nbsp;</td>
     <td>
        <textarea class="guests" style="width:300px;" id="1mguests" name="1mguests"  rows="4" tabindex="2">   </textarea>
        <br /><span></span>
     </td>
  </tr>    </table>    and so on<br/>

我要完成什么:当从 1guest 文本字段中跳出时,检查输入字段是否有内容,如果有,请取消隐藏(显示)下一个 tr 并将焦点设置到该 tr 中的 textarea。

问题是什么:当一个人在 1guest 输入字段中输入客人数量并 TAB 出来时,隐藏的 tr 显示 OK,tr 中的 textarea 输入获得类 .focus 但没有获得 foucs。可能是什么问题?是否因为 TAB 在焦点之后应用,因此进入下一个输入字段?无论如何,你能提出一个解决方案来解决我想要完成的事情吗?

谢谢

4

1 回答 1

4

可能是 .show() 依次执行,但在 addClass() 和 focus() 之后完成

试试这个:

b.parent().parent().show(function(){
     b.addClass("focus");
     b.focus();
});
于 2012-07-30T03:57:19.613 回答