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

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

你有一个Unexpected end of input 错误，因为你缺少});，

  $(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 错误。
• 尝试在开始时将所有变量一起初始化，以防止混淆。

阅读材料

Opening Console in Different Browsers

PHP Short Tags

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

Answer 2

你没有关闭$(document).ready

$(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