Javascript 事件仅在第一次单击后激发

我有一份分类表。当我单击某个类别以在第一次未发送请求时触发AJAX请求时。当我第二次点击时，效果非常好。这是我的密码

<?php foreach($this->category as $value) { ?>
  <li data-cid=<?= $value['cat_id']?> class="cid">
    <a href="http://localhost/mvc/viewbycat/index/<?= $value['cat_id'] ?>">
      <?= $value['cat_name']?>
    </a>
  </li>
<?php } ?>

---

谢谢你的帮助

您出现了一个

意外的输入结束

错误，因为您缺少

}）,

变,

<li data-cid=<?= $value['cat_id']?> class="cid">

您没有关闭
$（文档）。准备好了吗

$(document).ready(function () { 

    var catid;
    var count=0;

    $('li.cid').click(function (e) {
        count=0;
        var limit= 6;
        var offset = 0;
        e.preventDefault();
        $("#main").empty();
        catid = $(this).attr('data-cid');

        displayRecords1(limit, offset, catid);
    });
}); // This here

请不要在用户问题@guradio中编辑和添加代码，他有一个语法错误，不要修复它，因为它会混淆人们，清理格式，但不要修复发问者代码中的错误，回滚。这只是文档代码的一部分，我有正确的结尾。Thnak You这不是从第二次单击开始工作的原因，因为我很难过我关闭了文档。准备好了吗？我有更多的代码
/** Note the double quotes. **/
<li data-cid="<?= $value['cat_id']?>" class="cid">

$(document).ready(function () { 

    var catid;
    var count=0;

    $('li.cid').click(function (e) {
        count=0;
        var limit= 6;
        var offset = 0;
        e.preventDefault();
        $("#main").empty();
        catid = $(this).attr('data-cid');

        displayRecords1(limit, offset, catid);
    });
}); // This here