텍스트가있는 입력 필드가 있는데 표시 여부를 전환하려고합니다. 내가 겪고있는 문제는 필드에서 슬라이드 애니메이션을 토글 한 후에 텍스트가 보이지 않는다는 것입니다. 필드에 초점이 맞춰지면 텍스트가 다시 표시됩니다.입력란이 jQuery의 slideUp()/slideDown()에서 비 웁니다.
Safari/IE/FF에서 테스트했으며 입력 텍스트가 계속 표시되지만 Chrome이 왜 이상하게 작동하는지 알 수 없습니다.
텍스트가있는 입력 필드가 있는데 표시 여부를 전환하려고합니다. 내가 겪고있는 문제는 필드에서 슬라이드 애니메이션을 토글 한 후에 텍스트가 보이지 않는다는 것입니다. 필드에 초점이 맞춰지면 텍스트가 다시 표시됩니다.입력란이 jQuery의 slideUp()/slideDown()에서 비 웁니다.
Safari/IE/FF에서 테스트했으며 입력 텍스트가 계속 표시되지만 Chrome이 왜 이상하게 작동하는지 알 수 없습니다.
문제는 jQuery가 을 입력했을 때 입력 표시를 inline-block
으로 설정하고 Chrome에서 잘못 렌더링합니다.
당신은 예를 wrap the input in a div를 들어, 몇 가지 옵션을 가지고, 또는 set the display to block
수동 콜백의)합니다 (slideDown에 넣어 그것을 초점을 시도 할 수로,이 크롬 이상하게 행동하는 이유의 질문에 대답하지 않습니다
$(this).focus()
하지만, 해결 방법, 당신이 사업부에 입력을 묶어야하는 경우 : 다음
<div id="text"><input type="text" /></div>
slideToggle
사업부 :
$(document).on('click', '#slide', function() {
$('#text').slideToggle();
});
Chrome에서 작동하는 것으로 보입니다.
변형로서 당신은 $('input').toggle('slow')
크롬이 이상한 모든 브라우저에서 작동 한 시간 .. 귀하의 답변을 꽤 많이 커버 사용할 수 있습니다 두 가지 해결 방법 모두 부팅 할 이유가 있으므로 표시해 보겠습니다. – actaeon