2011-05-23 57 views
0

在我的情况下,jQuery不起作用。我不知道我错在哪里。它可能与其他一些js文件冲突,但不能确定。看下面的截图。当我尝试将它用于谷歌自定义搜索时,Jquery不工作?

enter image description here

在你看到谷歌定制的搜索框是基于Ajax这个屏幕截图。我的问题是,当我点击搜索框,然后底部高级销售工作contaner应该被隐藏。对于这个我已经使用这个jQuery代码:

$(document).ready(function(){ 
    $(".gsc-search-button").click(function(){ 
     $("#container_table").hide(); 
    }); 
)}; 

我已经包括正确的路径jQuery库。我也使用alert()document.ready检查它是否工作或不..但它不工作。

.gsc-search-button is the class of search button. 
#container_table is the id of that table which I want to hide. 

搜索数据将被装载到像DIV其最初看起来像这样: <div id="cse">Loading</div>并放置到这个div搜索iframe和替换字符串加载之后。

我也曾尝试javascript代码如下:

if(document.getElementById('cse').innerHTML != "Loading") { 
    document.getElementById('#container_table').style.display = "none"; 
    } 

但它不工作。

+0

不幸的是你的问题并不清楚,实际上。 – 2011-05-23 20:01:46

+0

我把它弄得很混乱..实际上我使用了一些其他的js文件..hope可能是jquery没有通过与这些文件冲突而工作。 Actualy我想用JQuery的nad然后在jQuery的帮助下,当我点击搜索按钮时,我想隐藏contaner_table。因为我不能添加搜索按钮元素,因为它来自谷歌。 – GitsD 2011-05-23 21:04:52

回答

0

你混淆jQuery中的CSS样式选择与ID下面的代码:

document.getElementById('#container_table') 

如果去掉 '#' 符号也许工作:

document.getElementById('container_table') 

但另一个方式将清除元素与“cse”的身份将是

$('#cse').text('') 
+0

@ bernhard..when我尝试提醒,如果然后警告框不会显示。 – GitsD 2011-05-23 20:51:40

+1

'.empty()'是用jQuery清空元素的最佳方法。 – 2011-05-23 21:06:11

+0

@bernard谢谢你的回复,但真正的jquery代码没有运行..如果它运行然后evrything将罚款..可能是它与其他js文件冲突..有很多js文件正在使用单个文件.. – GitsD 2011-05-23 21:08:06