jQuery递归关注文本框不起作用

Question

我在使用jquery焦点时遇到麻烦。

所以这是我要完成的事情：

为了解决占位符问题，我想关注一个元素，然后对其进行模糊处理以使占位符出现。 我目前正在以模式形式使用它。

在模态表单的第一个加载上它可以正常工作，但是关闭表单然后再次打开它似乎不起作用。

到目前为止，我已经缩小了范围，以使焦点不再被$（“＃element”）。focus（）触发。

这是用来说明问题的小提琴

http://jsfiddle.net/Ere2N/1/

JS：

var i = 5;

while(i>0){
    focusMe();
    i--;
}

function focusMe(){
    setTimeout(function(){
        $('#text1').focus().queue(function(){
        setTimeout(function() {
            $('#text2').focus().queue(function(){
                setTimeout(function(){$('#text1').focus();},100);
                setTimeout(function() {
                    $('#text2').focus();
                }, 300);
            })
        }, 300);
        });                
    },100);
}

$("#text1").focus(function(){
    $("#count1").html(($("#count1").html()*1) + 1);
});

$("#text2").focus(function(){
    $("#count2").html(($("#count2").html()*1) + 1);
});

HTML：

<input type="text" id="text1" />
<input type="text" id="text2" />
<input type="text" id="text3" />

<div id="count1">0</div>
<div id="count2">0</div>

它表现得很好..

第一次执行该功能是好的。

但是，从倒数第二次执行仅执行第一个＃text1焦点，因此产生的统计信息为6：2。

有想法吗？

Answer 1

.focus仅运行您在焦点事件上编写的代码，使用“ trigger”或使用getElementById（）。focus