2011-04-06 18 views
0

Я пытаюсь настроить поиск по столбцам из двух столбцов Google. Мне очень понравился ajax над iframe, который заполняет div (по умолчанию div # cse). Но проблема в том, что он переталкивает другое содержимое вниз, нарушая страницу. Поэтому я хотел скрыть содержимое в содержимом div #, когда нажата кнопка «Поиск» и снова отображается при нажатии кнопки «Сброс». Для этого я попытался связать обработчик события клика с кнопкой отправки, но он не сработал.Привязать событие клика к кнопке «Поиск» в Google Custom Search

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

Затем я попробовал следующее, чтобы проверить, привязывает ли оно событие. Хотя это работало не то, что я хочу. Google 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

Окно поиска создается с помощью google js api после window.onload, поэтому .bind() терпит неудачу. Решил проблему с jquery.live().

$("input.gsc-search-button[type=submit]").live('click',showResults); 
$(".gsc-clear-button").live('click', hideResults); 
Смежные вопросы