今日、私は非常に奇妙なクリックの問題に遭遇し、自分で解決しました
|
...こんな感じで、今日はポップアップウィンドウを作ろうと思ったのですが、 バックエンド PHP によって私に割り当てられたタスクは、このような問題に対しては私にとってすでに非常に簡単です。なぜなら、私はこれを 3 回以上実行したことがあるからです。重要なのは、ポップアップ ウィンドウの原理を理解することです。  .youkeli をクリックすると、.youkelogin がポップアップします。ポップアップ ウィンドウの .close1 をクリックすると、ウィンドウが閉じてページに戻ります。 もちろん、私が言っている問題はここにあるのではなく、youkeli を li に渡したところ、閉じるボタンをクリックしても閉じることができず、黒い画面と黒くない画面が切り替わり続けたことです。私は言葉を失いました。 長い間試行錯誤した結果、ようやく原因が分かったので、Aに.youkeliクラスを追加しました。結果は成功し、クローズすることができました。 当初は専門家に解決してもらおうと思っていましたが、後になって自分で原因を見つけました。 まとめると、li のクリック効果はいつもとても悪いです。また、href の後に # ではなく ### というデッドリンクが続くべきで、# はトップにジャンプするので、これも細かい点です。 |
<<: Docker で Maven プロジェクトをより速くビルドする
>>: 優れたウェブワイヤーフレーム設計・制作ツール13選を紹介
推薦する
WeChatアプレットコンポーネントライフサイクルの落とし穴の記録
通常、コンポーネントのライフサイクルは、ビジネス ロジックが始まる場所です。ビジネスシナリオが複雑で...
Linux での Nginx アンチホットリンクと最適化の実装コード
バージョン番号を非表示バージョン番号は非表示になっていません。セキュリティを強化するために、バージョ...
純粋な CSS 流星群の背景サンプルコード
GitHubアドレス、気に入ったらスターを付けてくださいプラグインのプレビューチュートリアルコード表...
Vueフォームイベントデータバインディングの詳細な説明
<本文> <div id="ルート"> <フォー...
ReactにおけるRefの相互利用の詳細な説明
目次1. まずRefとは何かを説明しましょう2. フックでのrefの使用1. HTMLDomフックで...
Dockerでランナーコンテナを構成する方法
1. ランナーコンテナを作成する mk@mk-pc:~/Desktop$ docker run -d...
Windows での mysql-5.7.28 のダウンロード、インストール、および構成に関する詳細なグラフィックとテキストのチュートリアル
最近MySQLデータベースのバージョンを変更する必要があり、それを記録するために記事を書きます1. ...
TomcatコンポーネントはWebサーバーのアーキテクチャの進化を示しています
1. tomcat とは誰ですか? 2. Tomcat は何ができますか? Tomcat は Web...
CSSフロートの特性についての簡単な説明
この記事では、CSS フロートの特徴を紹介します。皆さんと共有し、自分用のメモとして残したいと思いま...
Windows 10 での MySQL 8.0.20 のインストールと設定方法のグラフィック チュートリアル
Win10システムにMySQL8.0.20をローカルにインストールし、個人的にテストして利用可能であ...
DockerでJenkinsをインストールし、初期プラグインのインストール失敗の問題を解決する
Jenkins をインストールした後、プラグインの初期ダウンロードが常に失敗し、インストールが失敗し...
vue data が関数である理由をご存知ですか?
公式サイトの説明: コンポーネントを定義する場合、コンポーネントは複数のインスタンスを作成するために...
ローカルアイデアアクティベーションサーバーの構築に関する詳細なチュートリアル
序文ブロガーはアイデアIDEを使用しています。アイデア公式が最近サードパーティのアクティベーションサ...
MySQLへのJava接続の基礎となるカプセル化の詳細な説明
この記事では、Java接続MySQLの基礎となるカプセル化コードを参考までに紹介します。具体的な内容...
複数のサーバーにNginxリバースプロキシを実装する方法
Nginx は複数のサーバーをリバース プロキシします。つまり、nginx に異なるリクエストを送信...