javascript - 将点击事件绑定(bind)到Google自定义搜索中的 'search'按钮

Question

我正在尝试自定义两列 Google 自定义搜索。我真的很喜欢 ajax 而不是 iframe，它填充了一个 div(默认 div#cse)。但问题是它会将其他内容推倒，破坏页面。所以我想在单击“搜索”按钮时隐藏 div#content 中的内容，并在单击“重置按钮”时再次显示。为了实现这一点，我尝试将单击事件处理程序绑定(bind)到提交按钮，但它不起作用。

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

然后我尝试检查它是否绑定(bind)了事件。虽然它有效，但这不是我想要的。 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
        })          
    })
})

有什么办法可以做到这一点吗？

谢谢。

Answer 1

搜索框是在 window.onload 之后使用 google js api 创建的，因此 .bind() 失败。解决了 jquery.live() 的问题。

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