1

次のコードでfocusinイベントハンドラーが呼び出されないのはなぜですか？

HTML：

<div id='wrapper'></div>
<div id='button'>Click Here</div>
<div id='output'></div>

JS：

$(function() {
    $('input').live('focusin', function() {
        $('#output').html('focusin'); // Why this not happens ?
    });
    $('#button').click(function() {
        $('#button').hide();
        build_inputs();
    });    
});
function build_inputs() {
    var html = "<input type='text' /> \
                <br /> \
                <input type='text' />";
    $('#wrapper').append(html);
    $('#wrapper').fadeIn(500, function() {
        $('input:first').focus();
    });
}

CSS：

#wrapper {
    display: none;
    background: #aaa;
    width: 170px;
    padding: 20px;
}
4

1 に答える 1

2

どういうわけか、私はなぜ、イベント.focus()をトリガーしないのか、はっきりしていません。focusin

フォーカスラインを変更して追加することで、この動作を再現でき.trigger('focusin')ます。

したがって、fadeInコードは次のようになります。

$('#wrapper').fadeIn(500, function() {
    $('input:first').focus().trigger('focusin');
});

ここでテストできます：http：//jsfiddle.net/yt7Jd/

編集：ジェイソンが述べたように、の.focusin()代わりにメソッドを呼び出すこともできます.trigger('focusin')。

編集2：1.4.3のバグのようです。修正のためにjQueryチームに記録されています：http：//bugs.jquery.com/ticket/7340

于 2010-10-28T05:22:56.770 に答える