隱藏聯繫表格上使用jqTransform，選擇框的值沒有顯示

Question

很抱歉，如果這是一個痛苦的屁股，但我真的可以使用一些幫助在這裏：

http://dev.rjlacount.com/treinaAronson-form/

的聯繫方式可以通過點擊可以看到左上角的「聯繫人」按鈕。我使用jqTransform jQuery插件來設計它。它最初隱藏着顯示：無;應用於與ID「面板」的股利，並用下面的滑動中：

$("#flip").click(function(e){ 
    e.preventDefault(); 
    $("#panel").slideToggle("3000"); 
}); 

採用這種設置，接觸形式沒有顯示其內部字段選擇框的當前值。如果我改爲刪除顯示：無;規則爲從我的CSS的面板div，並在頁面加載後隱藏窗體：

$("#panel").hide(); 

窗體顯示正確。有沒有人知道我可以如何使這項工作，並避免在頁面加載後，如果我用jQuery隱藏開放面板的閃光燈？

非常感謝您的任何建議。請讓我知道我是否可以提供更多信息。

Answer 1

問題是，jqtransform爲標籤設置寬度（在轉換後的選擇中的當前可見值）以匹配原始選擇的寬度。

如果原始選擇（或其父）具有display:none集，並且沒有指定任何CSS寬度，則該元素上的.width()的結果爲零。

事實上，您可以檢查（使用螢火蟲或谷歌瀏覽器開發工具），並非聯絡表格不顯示選擇元素的當前值，而是以等於零的寬度顯示它。

你的情況最簡單的解決方案是設置（在你的CSS文件中）固定寬度的選擇是聯繫表單的一部分。這樣，即使它們一開始會被隱藏起來，jqtransform也會爲標籤設置正確的寬度。例如：

/* css declaration */ 
#change-form select { 
    width: 390px; 
} 

邊注：當然還有其他的方法來使它工作，包括調整的jqtransform腳本，以滿足您的具體使用情況。部分與設置提及的標籤寬度有關的腳本開始於第289行。