입력 필드의 텍스트를 바꿔 해당 위치로 이동

Question

일부 이벤트에 의해 제어되는 검색 양식이 있습니다.이 이벤트가 흐려지면 함수는 값이 비어 있는지 확인합니다. 그렇다면 기본 검색 텍스트를 다시 넣습니다. 그 자리에.

// searchInput is a jQuery reference to the <input> field 
// searchTextColor is the original font color of the unfocused form 
// searchText is the original search text 
$('#header form').on('blur', 'input', function() { 
    searchInput.css('color', searchTextColor); 

    // When I comment these lines out, it doesn't move 
    if (searchInput.val() == '') { 
     searchInput.val(searchText); 
    } 

}); 

다음, 검색 필드에 텍스트를 입력 글리치를 볼 그것과 흐림을 삭제하려면 : 여기 http://merkd.com/community

는 관련 기능입니다 : 여기

샘플 페이지에 대한 링크입니다 검색 양식을 선택하면 입력 필드가 왼쪽으로 이동합니다.

왜 이런 일이 발생하는지 알고 싶습니다. 나가 말한대로, 나가 원본을 바꾸지 않는 경우에, 그것은 움직이지 않는다. 이것이 페이지 내의 엘리먼트의 위치에 어떻게 영향을 주는지 나는 모른다.

Answer 1

이 문제가

가 불을 지르고에서 볼 수 발생하는 것입니다 그 이유는 일이다

문제

<input type="text" value="Search Teams, Players, Etc." name="search"> 
    <img title="Search" alt="Search" src="/engine/themes/img/search.white.focus.png"> 
    <input type="submit" value="Search Teams, Players, Etc."> 

솔루션에 문제가 submi으로이

$('#header form').on('blur', 'input[name=search]', function() {// not use input other wise valuse also set in submit input box 
     searchInput.css('color', searchTextColor); 

     // When I comment these lines out, it doesn't move 
     if ($(this).val() == '') { 
      $(this).val(searchText); 
     } 

});