bugfix> jquery > 投稿

JQueryフェードインフェードアウトdiv inクリック機能が機能しない

<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 class="box-gallery" id="website_status_gallery">

私はいくつかのウェブサイトを持っています。そして、「temporary_screenshot」のホームスクリーンショットを更新しています。そのため、スクリーンショットは10分ごとに更新されます。次に、 "screenshots" divを "refresh_tabs"から "website_status_gallery"に5秒間隔で1つずつフェードイン効果で置き換えます。

           $($(hidden_id).html()).hide().prependTo("#website_status_gallery").fadeIn(1000);

私が欲しいのは、div 'gradbdr'をクリックすることです

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

トリガーされません。 私がそれを編集しようとすると

   $("#website_status_gallery").on("click", function() {
    console.log("******");
});

コンソール出力を与える

クリック時にフェードインイベントがフェードインしますか?

明確なアイデアが得られることを願っています。 前もって感謝します