Php 更改悬停时的背景颜色，jquery

我有一段代码非常好用，但是当我刷新页面上的一个div时，代码就会中断，并且.item\u control\u框不再隐藏，我想我必须重写它才能使用.live，但我不确定如何使用

$(document).ready(function() {
    $(".item_control_box").hide();
    jQuery('.each_item_container').hover(function() {
        jQuery(this).find('.item_control_box').show()
    }, function() {
        jQuery(this).find('.item_control_box').hide();
    });
});

谢谢

你会改变：

jQuery('.each_item_container').hover(function() {

到

要回答上面的评论，只要有一个名为“each_item_container”的div类，HTML就可以了。当您将鼠标悬停在其上方时，现在应该更改背景颜色：）

---

如果它不起作用，请告诉我：）

是否通过AJAX动态加载div？只是好奇。我看到的是：

当前js代码将在呈现文档时运行

$(document).ready(function() {
    $(".item_control_box").hide();

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

这将隐藏所有已存在的带有类项控制框的当前元素

jQuery('.each_item_container').hover(function() {
    jQuery(this).find('.item_control_box').show()
}, function() {
    jQuery(this).find('.item_control_box').hide();
});

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

将悬停事件处理程序附加到所有当前元素，并对每个\u item\u容器进行分类，然后在悬停时查找item\u control\u框的子元素

}))

如果要通过AJAX或其他方式将新数据加载到div中，则需要确保两件事：

1） 首先不显示带有项目控制框的元素。这可以通过simple style=“display:none；”实现

2） 确保将悬停事件分配给每个\u项目\u容器。这需要通过live方法jQuery（'.each_item_container'）完成。live（'hover'，function（）…由@PeterStuart描述

---

最后但并非最不重要的一点是，不确定您使用的是什么版本的jquery，但在1.7+live（）方法中已被弃用。请改用on（）方法。以下是供参考的链接：

查看此线程HTML是什么样子的。或者至少将其发布到JSFIDLE上。不起作用。我认为问题在于$（“.item\u control\u box”）。hide（）；是否有办法将.live添加到此中？请尝试将$（“.item\u control\u box”）.hide（）更改为$（“.item\u control\u box”）。live（“.hide”）；嗯..对不起，我退出了：/我肯定其他人会发布，希望您能收到：）

jQuery('.each_item_container').hover(function() {
    jQuery(this).find('.item_control_box').show()
}, function() {
    jQuery(this).find('.item_control_box').hide();
});