Question

我试图实现像按钮，当点击它应该增加喜欢的数量，但我试图在PHP代码内实现，但它不工作，我不能弄清楚这里有什么问题？< / p>

<html>
<script>
$(".like_button button").on("click", function() {
  var $count = $(this).parent().find('.count');
  $count.html($count.html() * 1 + 1);
});
</script>
<?php
   echo '<div class="like_button">
  <button>Like</button>
  <span class="count">0</span>
</div>';
?>
</html>

为什么这段代码不起作用？

Answer 1

这是因为你在按钮存在之前就选择它了。按钮后放$(".like_button button") ：

<?php echo '<div class="like_button"> <button>Like</button> <span class="count">0</span> </div>'; ?> <script> $(".like_button button").on("click", function() { var $count = $(this).parent().find('.count'); $count.html($count.html() * 1 + 1); }); </script>

修改：

跟进你的评论，你没有包含jQuery，但你正在尝试使用它（$）。然后解决方案很简单：包含jQuery。然后打开你的控制台。

工作代码段

$(".like_button button").on("click", function() { var $count = $(this).parent().find('.count'); $count.html($count.html() * 1 + 1); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="like_button"> <button>Like</button> <span class="count">0</span> </div> <div class="like_button"> <button>Like</button> <span class="count">0</span> </div>

计数器不起作用 - 在php中实现一个类似的按钮

1 个答案: