点我
图片名称
图片描述
Generally speaking, it is such a simple structure. By clicking on the warpBox, the warpp.
is displayed.$('#warpBox').on('click',function(e){ $('.warpp').css({ 'position': 'absolute', 'top': '50%', 'left': '35%' }) })The current problem is: after clicking, the hidden p is also displayed, but it disappears after a flash. Testing in other browsers is normal, and the latest jQuery version is currently used.
How to solve it? What went wrong? Thanks!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Finally found the reason. It turns out that Firefox did not prevent this event after executing the click event, resulting in this dead look:
You should write those styles into the class, and just click to control the display. Also, if you use absolute positioning, the parent container must use relative positioning! !