Today I encountered a very strange li a click problem and solved it myself

Today I encountered a very strange li a click problem and solved it myself
...It's like this, today I was going to make a pop-up window,

The task assigned to me by the backend PHP is already very simple for me for such a problem, because I have done it no less than three times. The key is to know the principle of pop-up windows.


Click .youkeli to pop up .youkelogin. Click .close1 in the pop-up window to close it and return to the page.

Of course, the problem I'm talking about is not here, but that I gave youkeli to li, and when I clicked the close button, it couldn't be closed and kept switching between black and non-black screens. I was speechless.

After trying for a long time, I finally found the reason, so I added the .youkeli class to A. The result was successful and it could be closed.

I originally wanted to find an expert to solve it, but later I found the reason myself.

To sum up, the click effect of li is always so poor. In addition, the href should be followed by ###, a dead link, instead of #, which jumps to the top, so this is also a detail.

<<:  Build Maven projects faster in Docker

>>:  Share 13 excellent web wireframe design and production tools

Recommend

Graphical explanation of the function call of proto file in Vue

1. Compile proto Create a new proto folder under ...

Example code for implementing a QR code scanning box with CSS

We usually have a scanning box when we open the c...

How to implement form validation in Vue

1. Installation and use First, install it in your...

Detailed explanation of the frame and rules attributes of the table in HTML

The frame and rules attributes of the table tag c...

Docker image import, export, backup and migration operations

Export: docker save -o centos.tar centos:latest #...

How to use the VS2022 remote debugging tool

Sometimes you need to debug remotely in a server ...

HTML+CSS3 code to realize the animation effect of the solar system planets

Make an animation of the eight planets in the sol...

The difference between redundant and duplicate indexes in MySQL

MySQL allows you to create multiple indexes on a ...

Share the responsive frameworks commonly used by web design masters (summary)

This article introduces and shares the responsive...

Network configuration of Host Only+NAT mode under VirtualBox

The network configuration of Host Only+NAT mode u...

Vue.js front-end web page pop-up asynchronous behavior example analysis

Table of contents 1. Preface 2. Find two pop-up c...

HTML table tag tutorial (46): table footer tag

The <tfoot> tag is used to define the style...

How to simulate enumeration with JS

Preface In current JavaScript, there is no concep...

How to implement vue page jump

1. this.$router.push() 1. Vue <template> &l...