문제 사용자 정의 <input type = "search"...> Jquery Mobile

Question

id가 "filed"인 파일에 "search"메시지를 표시하고 사용자가 클릭하면 사라지게하고 싶습니다. 여기 내 코드가있다. 작동하지 않습니다.

<script> 
$('#acceuil').live('pagecreate',function(event){ 
$('#search').blur(function(){ 
    if ($('#search').val()=='') 
    $('#search').val("search"); 
}); 

$('#search').focus(function(){ 
    if (('#search').val()=='search') 
    $('#search').val(""); 
}); 
}); 
</script> 



<div data-role="page" id ="acceuil" > 
<div data-role="header" data-theme="a" ><h3>TEST</h3></div> 
<div data-role="content"> 
    <div data-role="container" > 
    <img src="images/olampromo.gif"> 
</div> 
<div data-role="container"> 
    <label for="search">Cherchez votre coupon :</label> 
    <input type="search" id="search" value="search">   
</div> 

</div> 
<div data-role="footer" data-theme="a" ><h3>footer</h3></div> 

Answer 1

JS에 $을 놓쳤습니다. 라인을 변경해보십시오 :

if (('#search').val()=='search') 

에 :

if ($('#search').val()=='search') 

당신은 더 this 이용하여 그것을 개선 할 수있다. this은 이벤트가 트리거 된 개체 (예 : 검색 요소)를 나타냅니다. 따라서 대신 다음을 시도하십시오.

if ($(this).val()=='search') 

동일한 로직이 흐림 및 포커스 처리기에 모두 적용됩니다.

해결 방법을 보여주는 jsFiddle입니다.

 $("#search").focus(function(srcc) { 
     var p_val = "Search"; 
     if ($(this).val() == p_val) { 
      $(this).val(""); 
     } 
    }); 

    $("#search").blur(function() { 
     var p_val = "Search"; 
     if ($(this).val() == "") { 
      $(this).val(p_val); 
     } 
    }); 

    $("#search").blur(); 

Answer 2

이 시도? JS가 필요하지 않습니다.

<input type="text" id="searchBox" placeholder="search..." /> 

라이브 예 :

• http://jsfiddle.net/phillpafford/TQYvT/1/

Answer 3

가 왜 HTML5 기본 틀 속성을 사용하지 :