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

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

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


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

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

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

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

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

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

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

推薦する

JavaScriptの記事では、Webフォームの操作方法を説明します。

1. はじめに先ほど、ウェブページの急速な発展について紹介しました。今回は、より深い内容についてお...

SVNサービスバックアップ操作手順の共有

SVN サービスのバックアップ手順1. ソースサーバーとターゲットサーバーを準備するソースサーバー:...

element-plus でオンデマンドインポートとグローバルインポートを実装する方法

目次オンデマンドインポート:グローバルインポートオンデマンドインポート:プラグインをインストールする...

Linux で Bash 環境変数を設定する方法

Shell は C 言語で書かれたプログラムであり、ユーザーが Linux を使用するための橋渡しと...

HTTPSの最も優れた説明

皆さんおはようございます。しばらく記事を更新していませんでした。実は、私は流行中に1か月以上家にいて...

Linux または Windows 環境での pytorch のインストールと検証 (runtimeerror 問題の解決)

1. pytorch公式サイトから対応するインストールファイルをダウンロードします。 https:...

Linux Dig コマンドの使用法

発掘紹介: Dig は、Unix ライクなコマンドライン モードで NS レコード、A レコード、M...

Docker Swarm クラスタ管理の使用と原理の分析

Swarm クラスター管理導入Docker Swarm は Docker 用のクラスター管理ツールで...

HTML 形式の JSON 出力の例 (テスト インターフェース)

JSON データを美しいインデント形式で表示するには、最も単純な JSON.stringify 関...

シンプルな虫眼鏡効果を実現するJavaScript

大きな箱の中に写真があります。マウスをその上に置くと、半透明のマスク レイヤーが表示されます。マウス...

Flinkのフォールトトレラントメカニズムに関する簡単な説明:ジョブ実行とデーモン

目次1. ジョブ実行のフォールトトレランス1.1 タスクフェイルオーバー戦略1.2 ジョブ再開戦略2...

JS におけるメモリと変数の保存についての詳細な説明

目次序文JSマジックナンバー数値の保存バイナリ変換方法なぜ 0.1 + 0.2 !== 0.3 なの...

img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)

img src 値が空の場合、リクエストが 2 つ行われます。一部の学生は以前に同様の状況に遭遇した...

MySQL トランザクションの詳細

目次導入取引の4つの特徴トランザクション分離レベル確認するMVCC現在の読書スナップショット読み取り...

HTMLは無効なテーブル幅設定の問題を解決します

テーブルに table-layer:fixed スタイルを設定し、テーブル内の行が結合されていること...