Question

我正在尝试自定义两列Google自定义搜索。我真的很喜欢填充div的iframe上的ajax（默认div＃cse）。但问题是它推动其他内容打破了页面。因此，我希望在单击“搜索”按钮时隐藏div＃内容中的内容，并在单击“重置按钮”时再次显示。为了实现这一点，我尝试将click事件处理程序绑定到提交按钮，但它不起作用。

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

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

感谢。

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);

将点击事件绑定到Google自定义搜索中的“搜索”按钮

1 个答案: