大佬教程收集整理的这篇文章主要介绍了javascript – 元素apear仅在检查元素之后,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用jQuery .show()和.hide()来显示和隐藏按钮.调用$(“#replay”)时,不会显示一个按钮,一个重播按钮.show();但是,当我在调用此命令并点击“Inspect Element”后右键单击浏览器中的任何位置时显示!我一直在寻找可能导致这个问题的原因,但@R_674_10739@任何东西……什么可能导致这种行为?
这就是我定义按钮的方式:
< div onclick ='replay();' id ='replay'class =“replay”>重播< / div>
这是按钮的CSS:
.replay{ float: left; top: 150px; left: 60px; z-index: 100; -webkit-box-shadow: 0 12px 36px -16px rgba(0,0.5); BACkground:url('../img/button-grey.png') no-repeat 100% 100%; BACkground-position: center center; color: white; width: 140px; text-align: center; padding: 10px; cursor: pointer; font-family: Archive; display: none; -webkit-user-SELEct: none; -moz-user-SELEct: none; user-SELEct: none; }
编辑:这是按钮的父div的CSS:
.box{ margin-left: 100px; height: 337px; width: 300px; float: left; text-align: center; }
我没有在任何地方使用过任何延迟,只有在浏览器中的某个地方点击inspect元素后,按钮才真正出现.我也无法在其他任何地方重现这个问题.有人知道是什么原因引起的吗?任何帮助将非常感谢,提前感谢!
更新:似乎只有Mac上的Safari存在问题.
更新2:将按钮从父div中移出到正文标签的正下方时,它可以正常工作!所以它可能是父div的css冲突?
编辑:你可以看到问题直播here,只需点击“Volgende vraag”按钮等待小视频完成.之后,重播按钮应出现在视频正上方.
以上是大佬教程为你收集整理的javascript – 元素apear仅在检查元素之后全部内容,希望文章能够帮你解决javascript – 元素apear仅在检查元素之后所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。