2011-04-06 5 views
0

두 개의 열 Google 맞춤 검색을 맞춤 설정하려고합니다. div (기본 div # cse)를 채우는 iframe에 대한 아약스를 정말 좋아했습니다. 그러나 문제는 다른 내용을 페이지를 깨뜨리는 것으로 밀어 넣는 것입니다. 그래서 '검색'버튼을 클릭하면 div # 콘텐츠의 내용을 숨기고 '재설정 버튼을 클릭하면 다시 표시'하고 싶습니다. 이를 달성하기 위해 제출 단추에 클릭 이벤트 처리기를 바인딩하려고했지만 작동하지 않았습니다.Google 맞춤 검색에서 '검색'버튼을 클릭 이벤트로 바인딩

$(document).ready(function(){ 
    $("input.gsc-search-button[type=submit]").click(function(){ 
     alert("worked"); 
     //hide div#content 
    })  
}) 

그런 다음 이벤트를 바인딩했는지 확인하려고했습니다. 그것은 그것이 내가 원하는 것을하지는 않았지만. 구글 API는 그러한 콜백을 제공하지 않습니다.

<input id="click" type="button" value="bind event"/> 

$(document).ready(function(){ 
    $("#click").bind('click', function(){ 
     $("input.gsc-search-button[type=submit]").bind('click', function(){ 
      alert("worked"); 
      //hide div#content 
     })   
    }) 
}) 

내가 할 수있는 방법이 있습니까?

감사합니다.

답변

3

검색 상자는 window.onload 다음에 google js api로 만들어 지므로 .bind()가 실패합니다. jquery.live() 문제 해결.

$("input.gsc-search-button[type=submit]").live('click',showResults); 
$(".gsc-clear-button").live('click', hideResults); 
관련 문제