onclick函数中的Jquery淡入淡出div不工作

Jquery淡入淡出在单击时插入功能不工作

<div id="temporary_screenshot" style="display: none">
<div class="refresh_tabs" id="refresh_tabs1">
    <div>
        <div class="domin-gallery" id="domin-gallery1">

          <div>
            <img src="http://example.com/images/download.png" class="domin-gallery-bdr">
          </div>

          <div class="domin-link text-center" title="Last Update: 2018-05-24 06:07:59">example1.com</div>

          <div class="gradlink">

            <div class="domin-up-link">DOWN</div>

            <div class="redgrad">&nbsp;</div>

            <div class="redgrad">&nbsp;</div>

            <div class="domin-up-link">DEFACED</div>

          </div>

          <div class="gradbdr"></div>
          <div class="gradredbox1"></div>
      </div>
          <div style="clear: both;">&nbsp;</div> 
    </div>
</div>

我想要的是点击div'gradbdr'，我写了一个jquery到控制台打印，如下所示

    $(".gradbdr").on("click", function() {

    console.log("******");

});

它不会触发。 当我试图像这样编辑它时

    $("#website_status_gallery").on("click", function() {

    console.log("******");

});

它提供控制台输出

单击“不工作”时是否会淡入淡出事件

希望你能弄清楚。

---

提前感谢

$website\u status\u gallery.单击函数{console.log*****}

试试这个

---

我忘了补充一点，数据是从AJAX获取的，并更新其相应的div。响应数据是整个div，因为您在$.gradbdr.no sir上缺少一个收盘双引号。复制时出错，我已编辑了问题。。我也试过其他的div。在渐弱的div触发eventsCan中没有div的问题你给了我们一个更连贯的Javascript吗？因此，我们可以看到范围和ajax以及所有内容。可能只是先添加eventlistener，然后用ajax替换元素，那么新元素就没有事件。如果动态添加div，则需要在生成的元素之外侦听事件。例如，$document.on'click'，'gradbdr'，函数{}；没有解释为什么这会对他的原始函数起作用；

    $(".gradbdr").on("click", function() {

    console.log("******");

});

    $("#website_status_gallery").on("click", function() {

    console.log("******");

});

$("body").on("click", ".gradbdr", function() {
    console.log("******");
});