将点击事件绑定到“搜索”； Google 自定义搜索中的按钮
我正在尝试自定义两列 Google 自定义搜索。我真的很喜欢 ajax 而不是 iframe，它填充了一个 div（默认 div#cse）。但问题是它会将其他内容推倒，破坏页面。所以我想在单击“搜索”按钮时隐藏 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
})
})
})
我有什么办法可以做到这一点吗？
谢谢。
I am trying to customize a two column Google custom search. I really liked the ajax over iframe which populates a div (default div#cse). But the problem is it pushes the other contents down breaking the page. So I wanted to hide the contents in div#content when 'search' button is clicked and show again when 'reset button is clicked'. To achieve this i tried the to bind a click event handler to the submit button but it didn't work.
$(document).ready(function(){
$("input.gsc-search-button[type=submit]").click(function(){
alert("worked");
//hide div#content
})
})
Then I tried following to check if it binds the event. Though it worked its not what I want. The google api do not provide any such callback.
<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
})
})
})
Is there any way I can do this?
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
搜索框是在 window.onload 之后使用 google js api 创建的，因此 .bind() 失败。解决了 jquery.live() 的问题。
The search box is created with google js api after window.onload, therefore the .bind() fails. Solved the problem with jquery.live().