2011-05-23 53 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