입력 상자에서 jquery의 이상한 동작 포커스/흐림

jQuery에 대한 초보자입니다. jQuery CSS 속성을 사용하여 포커스/입력란에 inputbox의 이상한 동작을 발견했습니다. 전체에서 InputBox는 거기에서 사라했기 때문에입력 상자에서 jquery의 이상한 동작 포커스/흐림

내 코드, 흐림 그것은 최악의 이동이

<body> 

    Enter something <input type="text" id="text" /> 

<script> 
    $(document).ready(function(){ 

    $("#text").focus(function(){ 
       $("#text").css("border","5px"); 
      }); 

      $("#text").blur(function(){ 
       $("#text").css("border-color","#555"); 
      }); 

    }); 

    </script> 
</body>

처럼 간다. jQuery API Documentation 및 기타 소스에서 찾아 보았지만 결과를 찾지 못했습니다. 제가 잘못하고 계시다면 미리 알려 주시기 바랍니다. 미리 감사드립니다.

출처

2013-04-10 Praveen Dabral

이 작동 - - Fiddle

$(document).ready(function() { 

    $("#text").focus(function() { 
     $("#text").css("border", "5px solid black"); 
    }); 

    $("#text").blur(function() { 
     $("#text").css("border", "1px solid red"); 
    }); 

});

출처

2013-04-10 18:45:08

답변 해 주셔서 감사합니다.하지만 내 코드가 실행되지 않는 이유를 알고 싶습니다. 어떤 오류가 있습니까? –

그것은 모두 '경계 스타일'에 관한 것입니다. 점선으로 나타나야하고, 이중이고, 단단하고, 파선이지만, 그다지 없어서는 안됩니다. –

괜찮습니다. 고맙습니다. 나는 $ ("# text")로주고 보았습니다. css ("border", "5px", "solid", "# 333"); –

$("#text").focus(function(){ 
    $("#text").css("border","5px solid"); 
           ^should be set 
});

여기 jsiddle

출처

2013-04-10 18:46:16 mehdi

고맙습니다. –

Fiddle입니다 - 당신의 초점 이벤트가 당신이 변경하고자하는 속성을 지정해야합니다.

$("#text").css("border-width","5px");

이것은 실제로 jquery가 아닌 css 문제입니다. border (css 속기 속성)를 지정하고 하나의 인수 만 주었기 때문에 CSS로 작성된 브라우저를 덮어 썼습니다.

출처

2013-04-10 18:52:29 Bryce

감사합니다.이 $ ("# text")처럼 사용 해보았습니다. css ("border", "5px", "solid", "# 333"); –

입력 상자에서 jquery의 이상한 동작 포커스/흐림

답변

관련 문제