今日、私は非常に奇妙なクリックの問題に遭遇し、自分で解決しました

今日、私は非常に奇妙なクリックの問題に遭遇し、自分で解決しました
...こんな感じで、今日はポップアップウィンドウを作ろうと思ったのですが、

バックエンド PHP によって私に割り当てられたタスクは、このような問題に対しては私にとってすでに非常に簡単です。なぜなら、私はこれを 3 回以上実行したことがあるからです。重要なのは、ポップアップ ウィンドウの原理を理解することです。


.youkeli をクリックすると、.youkelogin がポップアップします。ポップアップ ウィンドウの .close1 をクリックすると、ウィンドウが閉じてページに戻ります。

もちろん、私が言っている問題はここにあるのではなく、youkeli を li に渡したところ、閉じるボタンをクリックしても閉じることができず、黒い画面と黒くない画面が切り替わり続けたことです。私は言葉を失いました。

長い間試行錯誤した結果、ようやく原因が分かったので、Aに.youkeliクラスを追加しました。結果は成功し、クローズすることができました。

当初は専門家に解決してもらおうと思っていましたが、後になって自分で原因を見つけました。

まとめると、li のクリック効果はいつもとても悪いです。また、href の後に # ではなく ### というデッドリンクが続くべきで、# はトップにジャンプするので、これも細かい点です。

<<:  Docker で Maven プロジェクトをより速くビルドする

>>:  優れたウェブワイヤーフレーム設計・制作ツール13選を紹介

推薦する

MySQL のインデックス有効条件とインデックス無効条件の結合

目次1. ジョイントインデックスの故障の条件2. インデックス失敗の条件1. ジョイントインデックス...

n 個のコンテナ要素による無限スクロールの実装コード

シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...

MySQLトリガーの例の詳細な説明

目次トリガーとは何かトリガーを作成する複数の実行ステートメントを持つトリガーの作成制限と考慮事項要約...

モバイルデバイス上の 1px 境界線を解決する最善の方法 (推奨)

モバイル デバイス向けに開発する場合、Retina 画面上で要素の境界線が太くなるという問題に遭遇す...

Linux プラットフォームの MySQL でリモート ログインを有効にする

開発中、MySQL へのリモートアクセスでよく問題に遭遇します。そのたびに検索する必要があり、面倒に...

HTML+CSSを使用してマウスの動きを追跡する

ユーザーがプライバシーを意識するようになり、オンライン トラッキングに対する予防策を強化するにつれて...

Vueのインストール方法の紹介

目次1. グローバルに登録されたコンポーネント2. グローバルカスタム指示vue 、新しいプラグイン...

H5 WeChatパブリックアカウント認証を実装するための簡単な手順

序文昨日、h5 WeChat認証の実装が必要なプロジェクトがありました。したがって、この機能を完了す...

vue3 のコンポーネントの互換性のない変更の詳細な説明

目次機能コンポーネント非同期コンポーネントの書き方とdefineAsyncComponentメソッド...

JavaScriptのループの違いについての詳細な説明

目次序文列挙可能なプロパティ反復可能なオブジェクトforEachメソッドとmapメソッドチェーン呼び...

はじめに: HTML の基本的なタグと属性の簡単な紹介

HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。...

MySQL 4G メモリ サーバー構成の最適化

会社のウェブサイトのアクセス数が増えてくると(1日10万PV以上)、当然MySQLがボトルネックにな...

Docker-compose ワンクリックデプロイ gitlab 中国語版の方法手順

1. GitLabの紹介Gitlab 公式アドレス: https://about.gitlab.co...

CentOS6.9+Mysql5.7.18 ソースコードのインストール詳細チュートリアル

CentOS6.9+Mysql5.7.18 ソースコードのインストールでは、以下の操作を root ...

M1 ProチップでVueプロジェクトを開始する方法

目次導入Homebrewをインストールするnvmをインストールするノードをインストールするインストー...