2014-09-24 14 views
1

모달 쇼 후에 입력에 포커스를 설정하려고합니다.모달에서 입력에 초점을 맞추는 방법은 무엇입니까?

내가 지금까지 보아서 시도한 솔루션과 링크는 How to focus on a form input text field on page load using jQuery?, Jquery Focus on input field이며 그 중 아무 것도 작동하지 않습니다.

내 코드는 실제로 매우 간단하다

$input = $("#letter-change-text").find("input[type='text']"); 
$input.val($.trim("I am just testing!!")); 
$("#letter-change-text").modal('show'); 
$input.focus(); // this should focus the textbox in order to allow immediately input by the user 

당신은 JSfiddle에서이 문제를 확인하실 수 있습니다.

가 나는 또한 어떤 성공없이 시도 :

setTimeout(function(){ 
    $input.focus(); 
}, 0); 
+0

http://jsfiddle.net/nce5aau8/1/ – adeneo

+0

를 사용하여 애니메이션 입력이 집중됩니다. 'setTimeout'에서 대기 시간을 늘리십시오. –

+0

모달을 보여준 후에 입력을 시도하십시오 - jqueryui가 요소를 복제 할 수 있습니다. –

답변

1

내가 당신이 때까지 기다려야 할 생각 표시된 이벤트

$(function(){ 
    $input = $("#letter-change-text").find("input[type='text']"); 
    $input.val($.trim("I am just testing!!")); 
    $('#letter-change-text').on('shown.bs.modal', function (e) { 
     $input.focus(); 
    }).modal('show'); 
}); 
+0

글쎄, 그 솔루션에 내 게시물을 편집했습니다 ..하지만 다시 편집하고 대답을 수락합니다. – Linesofcode

+0

왜 솔루션을 가지고 게시물을 편집합니까, 그 대답은 무엇입니까 .... – epascarello

관련 문제