javascript - 事件仅在第一次点击后触发

Question

我有一个类别列表。当我点击某个类别来触发 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 } ?>

$(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);
  });

感谢您的帮助!

Answer 1

您遇到了输入意外结束错误，因为您缺少});，

  $(document).ready(function() {
  var catid,
      count = 0;
  $('li.cid').click(function(e) {
    e.preventDefault();

    var limit = 6,
        offset = 0,
        count = 0;

    $("#main").empty();

    catid = $(this).attr('data-cid');

    displayRecords1(limit, offset, catid);
  });
});

改变，

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

至

/** Note the double quotes. **/
<li data-cid="<?= $value['cat_id']?>" class="cid">

• 避免在 PHP 中使用短标记，因为它们可能会在您的服务器上被禁用。
• 始终检查控制台是否存在 JavaScript 错误。
• 尝试在开始时一起初始化所有变量，以防止混淆。

阅读 Material

Opening Console in Different Browsers

PHP Short Tags

JavaScript Syntax Checker - 用于快速检查语法。