主な機能は、クリックして表示し、ページ上の任意の場所をクリックして表示効果をオフにすることです。主に $(document).click の機能です
開発プロセス中にいくつかのポップアップ レイヤーが表示されることがよくありますが、ポップアップ後は、ページ上の他の場所をクリックすると自動的に閉じられます。
の実装コードです。
HTML コード:
CSS コード ：
.hide{display:none;}
JS コード
$ (ドキュメント).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con ").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide" )){
$("div.con").addClass("hide");
}
});
});
OK、テストローカルで CSS スタイルを変更してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
