2011-04-06 28 views
0

2列のGoogleカスタム検索をカスタマイズしようとしています。私はdiv(デフォルトのdiv#cse)に値を設定するiframe上のajaxが本当に好きです。しかし問題は、それが他のコンテンツをページを壊してしまうことになるということです。そこで、検索ボタンをクリックするとdiv#コンテンツの内容を非表示にして、リセットボタンをクリックしたときに再度表示するようにしました。これを達成するために、私はクリックイベントハンドラを送信ボタンにバインドしようとしましたが、動作しませんでした。Googleカスタム検索の[検索]ボタンにイベントをバインドする

$(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

検索ボックスは、window.onloadの後にgoogle js apiで作成されるため、.bind()は失敗します。 jquery.live()で問題を解決しました。

$("input.gsc-search-button[type=submit]").live('click',showResults); 
$(".gsc-clear-button").live('click', hideResults); 
関連する問題