JQuery로 입력 포커스의 라벨을 숨기는 방법은 무엇입니까?

입력 필드를 클릭 할 때 레이블을 숨기려고하는데 작동하지 않고 혼자서 그 이유를 알아낼 수 없습니다. JQuery로 입력 포커스의 라벨을 숨기는 방법은 무엇입니까?

나는 운 : 여기에 필요한 http://blog.stannard.net.au/2011/01/07/creating-a-form-with-labels-inside-text-fields-using-jquery/

가능한 한 간단하게하십시오, 아니 멋진 트릭없이 내 요구에 맞게이 예제를 수정했습니다.

내 코드 : HTML :

fieldset id="fieldset1"> 
    <dl> 
     <dt class="jform_name"> 
      <label id="jform_name-lbl" class=" required" for="jform_name">Wer sind Sie:</label> 
     </dt> 
     <dd class="jform_name"> 
      <input id="jform_name" class="required" type="text" aria-required="true" required="required" size="37" value="" name="jform[name]"> 
     </dd> 
    </dl> 
</fieldset>

여기

인 jQuery를 : 당신은 당신이 게시 된 HTML에 jQuery를 포함하지 않는

<script type="text/javascript"> 
$('input#jform_name').focus(function(){ 
    $('label#jform_name-lbl').hide(); 
}); 
</script>

출처

2013-08-15 RockScientist01

은 여기에 잘 작동하는 것 같다 : http://jsfiddle.net/4LZv7/ – Adrift

#dafuq ??? 좋아요, 재미 있어요! 이제 내 페이지에서 왜 작동하지 않습니까? 나는 조사 할 것이다 ... 당신의 노력에 감사드립니다! – RockScientist01

선택기에서 id의 앞에 태그를 넣지 마십시오 :'input # jform_name' 그냥 id 선택자'# jform_name'을 사용하면 더 빠를 것입니다. –

, 그것은 가능하지만, 당신이 포함되지 않은 전체 HTML (나중에 해보십시오), 나는 이것이 새로운 것으로 보일 때까지 언급할만한 가치가 있다고 생각합니다.

이 태그는 </body> 태그 바로 위에있는 html로, 가급적이면 맨 아래에 있어야합니다. 표류가 언급 한 바와 같이

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

그렇지 않으면, 당신의 표시 코드는 괜찮 : http://jsfiddle.net/4LZv7/

출처

2013-08-15 23:40:29

JQuery로 입력 포커스의 라벨을 숨기는 방법은 무엇입니까?

답변

관련 문제