0

2 列の Google カスタム検索をカスタマイズしようとしています。div (デフォルトの div#cse) を設定する iframe 上の ajax が本当に気に入りました。しかし問題は、他のコンテンツを押し下げてページを壊してしまうことです。そのため、「検索」ボタンがクリックされたときに div#content のコンテンツを非表示にし、「リセット ボタンがクリックされた」ときに再び表示したいと考えました。これを達成するために、クリックイベントハンドラーを送信ボタンにバインドしようとしましたが、機能しませんでした。

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

これを行う方法はありますか？

ありがとう。

4

1 に答える 1

4

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

$("input.gsc-search-button[type=submit]").live('click',showResults);
$(".gsc-clear-button").live('click', hideResults);
于 2011-04-07T16:16:43.313 に答える