簡體 English 中英

Dropdown Bootstrap顯示和隱藏事件不等待CSS過渡

[英]Dropdown Bootstrap shown and hidden event not wait for CSS Transition

原文 2017-06-06 03:22:17 8 1 javascript/ jquery/ twitter-bootstrap

Bootstrap 3中的Dropdown JavaScript有2個事件顯示shown.bs.dropdown和hidden.bs.dropdown及其描述：

shown.bs.dropdown ：當下拉菜單對用戶可見時將觸發此事件（將等待CSS轉換完成）。

hidden.bs.dropdown ：當向用戶隱藏下拉列表時將觸發此事件（將等待CSS轉換完成）。

這是我的演示： DEMO

但是show事件總是在show事件之后觸發，並且不等待CSS過渡或等待下拉菜單對用戶可見。 隱藏事件。 發生了什么？ 是蟲子嗎？ 還是我出了點問題？

可能是由於bootstrap.js的加載位置而導致出現問題。 如果在主體部分的末尾加載bootstrap.js，則可以嘗試解決問題。 另請參閱jQuery和Bootstrap的加載

[英]Dropdown menu transition Bootstrap 5

[英]Bootstrap 3 dropdown transition

[英]How do I put an event when the bootstrap dropdown is hidden?

[英]Bootstrap dropdown hidden by panel

[英]Event for browser tab hidden/shown?

[英]CSS Transition not working with visibility:hidden

[英]CSS transition doesn't work in FF when add overflow hidden on event

[英]css3 transition dropdown onclick

[英]How to add css transition in dropdown?

[英]Bootstrap 3 nested collapsible elements with shown and hidden events

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 下拉菜單過渡 Bootstrap 5 Bootstrap 3下拉過渡隱藏引導程序下拉菜單時如何放置事件？面板隱藏的Bootstrap下拉菜單隱藏/顯示瀏覽器標簽的事件？ CSS過渡無法使用可見性：隱藏當在事件上添加隱藏溢出時，CSS轉換在FF中不起作用 CSS3過渡下拉onclick 如何在下拉列表中添加 css 過渡？ Bootstrap 3具有顯示和隱藏事件的嵌套可折疊元素

相關標簽