Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery插件在PHP While循环中不起作用_Javascript_Php_Jquery_Html_Ajax - Fatal编程技术网

Javascript jQuery插件在PHP While循环中不起作用

Javascript jQuery插件在PHP While循环中不起作用,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有以下代码显示facebook类型的反应。问题是它在PHP while循环中不起作用。我需要添加唯一标识符还是什么?如果是,如何进行?任何帮助都将不胜感激 PHP 我没有把CSS放在这里,因为我想它不是必需的。如果需要,请在下面发表评论,我将更新问题。提前感谢。:) 什么“不起作用”?你期望发生什么?实际发生了什么?反应箱一开始就被隐藏了吗?否则fadeIn回调永远不会被调用,它隐藏在起始处不工作意味着反应框不会出现或显示。它在while循环外运行良好。您是在运行时动态创建所有按钮,还是在首次

我有以下代码显示facebook类型的反应。问题是它在PHP while循环中不起作用。我需要添加唯一标识符还是什么?如果是,如何进行?任何帮助都将不胜感激

PHP


我没有把CSS放在这里,因为我想它不是必需的。如果需要,请在下面发表评论,我将更新问题。提前感谢。:)

什么“不起作用”?你期望发生什么?实际发生了什么?反应箱一开始就被隐藏了吗?否则fadeIn回调永远不会被调用,它隐藏在起始处不工作意味着反应框不会出现或显示。它在while循环外运行良好。您是在运行时动态创建所有按钮,还是在首次加载页面时完成循环?什么“不工作”?你期望发生什么?实际发生了什么?反应箱一开始就被隐藏了吗?否则fadeIn回调永远不会被调用,它隐藏在起始处不工作意味着反应框不会出现或显示。它在while循环外运行良好。您是在运行时动态创建所有按钮,还是在首次加载页面时完成循环?
<?php while($a = $stmt->fetch()){ ?>
  <div class="feed">
    <a class="like-btn">
      <div class="reaction-box">
        <div class="reaction-icon like">
          <label>Like</label>
        </div>
        <div class="reaction-icon love">
          <label>Love</label>
        </div>
        <div class="reaction-icon haha">
          <label>Hot</label>
        </div>
      </div>
    </a>
  </div>
<?php } ?>
$(".like-btn").hover(function() {
  $(".reaction-box").fadeIn(100, function() {
    $(".reaction-icon").each(function(i, e) {
      setTimeout(function(){
        $(e).addClass("showed");
      }, i * 100);
    });
  });
}, function() {
  setTimeout(function(){
    $(".reaction-box").fadeOut(300, function(){
      $(".reaction-icon").removeClass("showed")
    })
  }, 500);
});