jq点击事件失效事件问题

box属于隐藏消失的，点击eject弹出box。body增加hid。
然后点击关闭要把body的hid去掉的，但是现在没有去掉hid。这是事件哪里出了问题

<script type="text/javascript">
$(".eject").click(function(event) {
  $(".trol").addClass('hid');
});
$(".close").click(function(event) {
  $(".trol").removeClass('hid');
});
</script>

<body class="trol">
<a href="javascript:void(0)" class="eject">点击</a>

<div class="box">
   <a class="close">关闭</a>
111111
</div>
</body>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

天际的海浪 2022-08-09 19:11

关注

我测试正常啊

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
    .hid {
        background-color: #999;
    }
</style>
</head>
<body>
<body class="trol">
<a href="javascript:void(0)" class="eject">点击</a>
 
<div class="box">
   <a href="javascript:void(0)" class="close">关闭</a>
111111
</div>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
$(".eject").click(function(event) {
  $(".trol").addClass('hid');
});
$(".close").click(function(event) {
  $(".trol").removeClass('hid');
});
</script>
 
</body>
</html>