有效地隱藏div

2011-10-27 49 views 0 likes

我在HTML頁面的某個位置創建了一個表單，但隱藏了其可見性以便它不會立即顯示。我想通過點擊按鈕激活它，但隨後出現在單擊按鈕的位置，因此我將按鈕div的「innerHTML」設置爲隱藏窗體的「innerHTML」。表單出現了，但它不允許我輸入任何數據到字段中（我假設由於它被隱藏在其他地方），所以我想知道是否有解決方法？還是更好的選擇？有效地隱藏div

謝謝

來源

2011-10-27 Sam

你應該張貼你的代碼，或者更好的，一個的jsfiddle – dnuttle

請提供您的HTML – Quincy

考慮簡單地使用CSS'顯示：none'和'顯示：block'隱藏和顯示。有了jQuery，你甚至可以使用它的'fadeIn/Out'方法。事實上，使用CSS3，您可以完全隱藏和顯示內容，而無需使用JavaScript。 – kojiro

回答

完全用表格替換按鈕。使用jQuery，您可以使用replaceWith()：

$('#button').replaceWith($('#form').show());

來源

2011-10-27 02:32:16 rid

但是如何解決隱藏的問題？或者這不重要？ – Sam

@Sam，好吧，用它替換按鈕時顯示它。更新了答案。 – rid

這是正確的嗎？ $（「＃B2」）replaceWith（$（「＃F1」）顯示（））;假設按鈕位於div「b2」中，並且表單位於一個「f1」中？我嘗試過，但它並沒有取代。 – Sam

相關問題

11. JavaScript隱藏DIV
12. ASP.net隱藏div
13. 隱藏的div
14. 隱藏DIV
15. jquery隱藏div
16. 隱藏的div
17. 隱藏的div
18. jQuery的效果 - 滑動隱藏div的下降/上升，隱藏目前顯示出隱藏的div
19. 隱藏div中的Google地圖
20. 隱藏div中的Google地圖
21. GoMap - 隱藏div中的顯示地圖
22. 使用jquery緩慢地隱藏div
23. 更好地隱藏一個div
24. 谷歌地圖V3在隱藏div
25. 如何在表單有效時隱藏div？
26. 在DIV的隱藏部分：懸停仍有效，可見
27. 使用PHP隱藏/顯示div的更有效方法？
28. 隱藏隱藏的div（視頻）html5
29. 隱藏內容而不隱藏div？
30. 切換隱藏已經隱藏的div？