我有一個關於jQuery隱藏功能的一般查詢。我環顧四周,似乎找不到直接的答案。我想知道在頁面加載時隱藏的對象是否仍然加載,然後隱藏或隱藏,然後在調用觸發器時加載。另外,如果這些對象被加載,是否有任何函數只會在被觸發時加載隱藏元素?jQuery隱藏功能
3
A
回答
6
如果您在$(document).ready()
的內部調用.hide()
,那麼該元素將從服務器原樣加載,然後在頁面完全加載後隱藏。
這可能會導致'閃現' - 在頁面加載時看到元素出現,然後在加載頁面後消失。防止這種情況的最好方法是確保它是由服務器以display:none;
的樣式渲染的,前提是它最初是隱藏的。
請注意,.show()
和.hide()
不會影響DOM中存在哪些元素 - 即哪些元素已加載。相反,它們控制頁面加載後項目的可見性。
如果你真的想動態加載頁面的某些部分,那麼你需要使用jQuery的DOM操作方法來向頁面添加新的元素來響應某些事件。
0
我不確定我是否理解,要用jQuery隱藏某些東西,它必須已經加載到頁面中,除非您從javascript創建它。 「加載」意味着什麼,添加到DOM?
0
我認爲你用jQuery.hide
函數隱藏的對象的內容總是被加載。因爲首先你的網頁將被加載,之後JavaScript將被執行。當你只想要顯示的內容被加載時,你應該做一個Ajax調用加載的內容或設置div初始值爲display: none
。
1
撇開已經給出的答案。
如果您使用jquery hide()來隱藏元素,那麼如果用戶關閉了javascript,則會顯示元素 - 因爲hide()不會發生。如果功能或者顯示或隱藏的需要受到javascript的缺失影響,那麼它是處理場景的好主意。一些示例CSS類。
.hide-if-no-js {display:none;}
.show-if-no-js {display:block;}
.hide {display:none;}
然後你就可以應用到元素,這取決於您是否要顯示或隱藏最初的元素 - 不管的JavaScript是否可用。
隱藏,如果JS是不可用,隱藏,如果JS可用:
<div id="aaa" class="hide-if-no-js">...</div>
展是JS是不可用的,隱藏如果JS可用:
<div id="aaa" class="show-if-no-js">...</div>
$("#aaa").removeClass("show-if-no-js").addClass("hide");
相關問題
- 1. jquery顯示/隱藏功能
- 2. js隱藏功能
- 3. 顯示/隱藏jQuery的點擊功能
- 4. jQuery「隱藏」功能不起作用
- 5. jQuery的顯示隱藏功能
- 6. 使用jquery點擊隱藏功能
- 7. JavaScript jQuery隱藏/顯示功能
- 8. jQuery隱藏功能完成後的div
- 9. jQuery隱藏功能的問題
- 10. jquery隱藏功能不起作用
- 11. Vim的隱藏功能
- 12. VHDL的隱藏功能
- 13. PyCharm隱藏的功能
- 14. 如何隱藏功能
- 15. Interface Builder的隱藏功能?
- 16. RStudio中的「隱藏」功能
- 17. Oracle中的隱藏功能
- 18. Greasemonkey的隱藏功能
- 19. gmaps4rails顯示隱藏功能
- 20. 隱藏功能IntelliJ IDEA
- 21. Google Guice的隱藏功能
- 22. ASP.NET Web.Config隱藏功能?
- 23. 模式隱藏功能
- 24. jQuery隱藏功能不能正常工作
- 25. 的tablesorter列顯示/隱藏功能
- 26. 爲什麼虛擬功能會隱藏?
- 27. GCC隱藏/鮮爲人知的功能
- 28. 隱藏使用回聲功能
- 29. 角度顯示和隱藏功能
- 30. 默認隱藏Rails切換功能嗎?
這取決於你在哪裏叫它。 – alex
讓我擴大。我有一個特定的div顯示某些項目。我在頁面加載時在div中隱藏了項目,並且一旦div使用jquery按鈕調用進行擴展,隱藏元素將顯示在放大的div中。這些項目是否仍然在後臺加載,即使認爲它們隱藏着hide()? – user981053
如果你準備好文檔,它將足夠有趣,首先在DOM加載後隱藏它。顯示:無(這是隱藏功能基本上是這樣做的)dosent限制內容從被加載 - 僅從可見。因此,您應該執行過濾服務器端,或者在負載中使用JS添加它。 –