2013-01-01 26 views
1

我的應用程序是基於rails3-autocomplete-jquery 一切沃金大,除了它扭曲了相關領域。看到下面的圖片。Rails的jQuery的自動完成場扭曲

enter image description here

正如你可以看到,表單字段是由自動完成寶石自動生成的解釋扭曲。我想知道我是否可以自定義或刪除整個說明。另外,我如何定位解釋和選擇?

非常感謝您的幫助。我很感激。

+0

這很可能與頁面上的其他標記做。沒有實際的代碼,任何人都無法做出解答你問題的答案。 –

回答

3

你只需以下CSS添加到您的代碼:

.ui-helper-hidden-accessible{ display:none} 
+0

感謝您的輸入,但它不能回答我所有的問題。 –

+0

自從新的jQuery UI 1.9發佈以來,我正面臨着這個問題。我沒有找到任何有關如何定製或修改消息的文檔。 然後我決定隱藏它,因爲它破壞了我的應用程序佈局。 – Hamid

+0

雖然添加行並沒有擺脫該消息 –

0

你使用jQuery UI?據我所知,它給了它一些基本的風格,所以它出現在你的其他內容上。你可以通過編寫你自己的CSS來覆蓋默認值來設計它。我不確定是否要更改郵件的內容。您既可以更改源或可能有東西API http://api.jqueryui.com/autocomplete/

0

在沒有代碼,它很難給你比一般的web開發諮詢其他任何東西。這個問題是不是在目前的形式真的回答的,但這裏有關於這個問題的一些意見:

  • 嘗試grepping你的代碼和相關的js文件「可用,用上下箭頭」。任何顯示在您的網頁上的信息必須位於用於生成該信息的代碼中。從那裏開始工作,看看該消息是如何定義的,以及是否有可能覆蓋它。可能有一個參數可以用來改變消息,或者你可以自己提供javascript並修改消息。

  • 至於定位,您只需要更新您的CSS。使用谷歌瀏覽器,右鍵單擊並檢查建議列表上的元素,您可以看到哪些CSS規則適用於它,以及各種類別的名稱是什麼。找到定義這些規則並編輯它們的樣式表,或添加其他規則來覆蓋它們。一般來說,Chrome瀏覽器中的webkit檢查員應該對診斷CSS規則是如何搞砸事件很有幫助。

最後,我有幾個猜測什麼可能會導致此:

  1. 你可能有被搞亂了的jQuery UI的使用默認的定位有些過於寬泛的CSS規則。
  2. 它也可能是jQuery的或jQuery的用戶界面的版本和您所使用的關聯樣式表之間的不兼容。嘗試重新安裝兩者的最新版本,建議可能會更好看。
  3. 您也許不包括jQuery的UI樣式的。這些建議看起來好像不是真正的樣式或定位,所以可能只是缺少一組CSS指令。