jQuery はクリック ボタン マスク ポップアップ ダイアログ ボックス (Tmall の削除ダイアログ ボックスの模倣) を実装します_jquery

天猫で買い物をしていると、削除ボタンやログインボタンをクリックすると、削除するかログインするかを尋ねるダイアログボックスが表示され、前のページの情報も表示されることがあります。 、[いいえ] をクリックするだけです。対応する変更はダイアログ ボックスでの操作後にのみ行われます。スクリーンショットは次のとおりです (Tmall を例にしています)

図に示すように、上記は Tmall のレンダリングです。実際、これは jQuery を通じて実現されており、実装プロセスはそうではありません。非常に複雑です。実装プロセスを見てみましょう。

最初はページのレイアウト部分です: delete.html

コードをコピーします コードは次のとおりです:

;meta http -equiv="keywords" content="keyword1,keyword2,keyword3">
-equiv= "content-type" content="text/html; charset=UTF-8">

>

"クリックして OK 閉じる" src="../images/delete.gif" width="30px" height="30px;">
削除時のプロンプト

このレコードを本当に削除してもよろしいですか?

;/div>