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