Javascript 工作JQuery脚本在ajax post响应后不工作

我真的很感激任何帮助

我有一个工作的jquery脚本。单击div时，它会将css类更新为active，并执行一个工作的ajax响应

我还有一个过滤器功能，也可以使用。勾选复选框后，它将从mysql调用具有所有相同类属性的div的新列表。但是，当单击这些新div中的任何一个时，ajax响应都不起作用。如果有人能帮助我，我将不胜感激

HTML:

支付：
截止日期：
地点：
类别：

Javascript:

 <script>
$('.c-card').on('click', function(event){
 event.preventDefault();
    $('.c-card').removeClass('active'); //Removes class to all
   $(this).toggleClass('active'); //Applies class

    var action = 'data';
    var dataId = $(this).data("id");

    $.ajax({
        type:"POST",
        url:"ajax/selected.php",
        data:{action:action,id:dataId},
        success: function(response){
          $("#jobber").html(response);
          $("#changeme").text("altered");
          }
        });
      });
</script>

$（'c-card'）。在（'click'，函数（事件）{
event.preventDefault（）；
$（'.c-card'）.removeClass（'active'）；//将类删除到所有
$（this）.toggleClass（'active'）；//应用类
var action='数据'；
var dataId=$（this.data（“id”）；
$.ajax({
类型：“POST”，
url：“ajax/selected.php”，
数据：{action:action，id:dataId}，
成功：功能（响应）{
$（“#jobber”）.html（回复）；
$（“#更改名称”）.text（“已更改”）；
}
});
});

这是来自过滤器的输出响应：

'<div class="c-card" data-id="'.$row['id'].'">
                  <h1 class="s-h2">'.$row['title'].'</h1>
                  <div class="c-stats">
                  <div class="s-stat">Pay:'.$row['pay'].'</div>
                    <div class="s-stat">Deadline:'.$row['deadline'].'</div>
                    <div class="s-stat">Location: '.$row['location'].';</div>
                    <div class="s-stat">Cat: '.$row['category'].'</div>
                  </div>
                  <p class="s-para">'.$row['description'].'</p>
                  <a href="'.$row['lnk'].'" class="l-para">Find Out More</a>
                </div>';

'
“.$row['title']”
付款：'.$row['Pay'].'
截止日期：'.$row['截止日期'.'
位置：'.$row['Location'].'；
类别：'.$row['category'].'
。$row['description']
';

因此，我的问题是如何使新的div（从过滤器调用）继续被触发，并更改class+执行ajax查询

---

非常感谢

可能是因为没有id为id=“jobber”的html（div | | p | | | span | | |……）元素

我一直认为您的实际问题是ajax响应变为空

 <div class="c-card" data-id="<?=$row['id'];?>">

---

“id”和“数据id”是HTML的不同属性。请在HTML和脚本中使用相同的属性

这是否回答了您的问题？

action:+action，…

？@swati遗漏了这一点-但没有成功，仍然不起作用@马蒂亚斯，除非我很胖！我已经在使用。在上，您介意帮助我吗？您的浏览器控制台是否显示任何错误？

 <div class="c-card" data-id="<?=$row['id'];?>">

var action = 'data';
var dataId = $(this).data("data-id");