Javascript jquery事件未触发

我有两个事件放在$（“$gallery\u slide\u main\u thumbs img”）上，当我调用它们时，它们不会被触发。既不调用悬停函数也不调用单击函数。当我将鼠标指针悬停在图像上时，鼠标指针会发生变化

Jquery:：

$('#gallery_slide_main_thumbs img').hover(function(){
    $(this).animate({
        opacity: 1
    });
}, function(){
    $(this).animate({
        opacity: .66
    });
});

<div id="gallery_slide_main_thumbs"></div>

#gallery_slide_main_thumbs{
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 6;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    text-align: center;
}
#gallery_slide_main_thumbs img{
    margin: 5px;
    cursor: pointer;
    opacity: .66;
}

$('#gallery_slide_main_thumbs img').click(function(){
    $('#gallery_slide_main_thumbs img').eq(gallery_active_id).css({
        'border': '',
        'border-radius': '',
        'margin-bottom': ''
    });
});

$（'#图库(幻灯片)主(拇指img'）。悬停（函数（）{
$（此）。设置动画({
不透明度：1
});
}，函数（）{
$（此）。设置动画({
不透明度：.66
});
});
#图库\u幻灯片\u主\u拇指{
宽度：100%；
高度：100px；
位置：绝对位置；
z指数：6；
底部：0；
不透明度：0；
可见性：隐藏；
保证金：0；
文本对齐：居中；
}
#图库\u幻灯片\u主\u拇指img{
保证金：5px；
光标：指针；
不透明度：.66；
}
$（“#图库"幻灯片"主"拇指img'）。单击（函数（）{
$（'#图库(幻灯片)主(拇指img'）.eq（图库(活动)id）.css({
“边界”：“，
“边界半径”：“，
“页边距底部”：“
});
});

id为“gallery\u slide\u main\u thumbs”的div在启动时创建，并在调用另一个函数时填充图像

编辑：上的（'click'，'img'，function（）{}）无法解决此问题。

您需要通过应用对动态创建的元素使用：

$('#gallery_slide_main_thumbs').on('click','img',function() {
   $('#gallery_slide_main_thumbs img').eq(gallery_active_id).css({
       'border': '',
       'border-radius': '',
       'margin-bottom': ''
    });
});

对于

.hover（）

事件，您可以使用：

$('#gallery_slide_main_thumbs').on('mouseenter', 'seconddiv', function( event ) {
    $(this).animate({
        opacity: 1
    });
}).on('mouseleave', 'seconddiv', function( event ) {
    $(this).animate({
        opacity: .66
    });
});

---

我相信图像将动态插入到以下div中：

<div id="gallery_slide_main_thumbs"></div>

---

我希望这对你有用。如果您需要更多帮助，请告诉我。

部分同意Talha Masood的意见，但此事件作为完整的代码需要写入

文档。ready

事件或作为函数调用。因此，可能类似于以下内容：

$(document).ready(function(){
    $(element).on('click',function(){});
    $(element).on('hover',function(){
    });
});

---

如果每个人都同意，请告诉我。

这会导致函数打开以前工作过的库而不是函数。使用“$”（“#库(幻灯片)主(拇指img”）。在（'hover'，function（）{}）；”和“click”版本上，只会阻止函数首先创建的库不工作

$(document).ready(function(){
    $(element).on('click',function(){});
    $(element).on('hover',function(){
    });
});