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

我正在尝试自定义两列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不提供任何此类回调。

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

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

谢谢。

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

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