php - 如何在点击后几秒钟后显示引导灯箱

Question

我正在制作一个画廊，其中我必须在每个图像上显示灯箱 - 所以我希望在该灯箱中出现一些延迟

有什么办法可以做到这一点吗？

代码:

$(document).on('click', '.varr', function() {
  var post_id = $(this).attr('data-id');
  $.ajax({
    url: "<?php echo get_template_directory_uri(); ?>/post-result.php",
    type: 'POST',
    dataType: "html",
    data: {
      post_id: post_id
    },
    success: function(response) {
      //$('#loaddata').html(response);
      $('#loaddata').html(response);
      // alert(response)  
    }
  });
  setTimeout(function() {
    $('.remodal').modal('hide');
  }, 3000);

})

Answer 1

您可以添加此脚本:

   <script>
      $(document).on( 'click', '.varr', function() {
       //Put Loader here
       $('#loaddata').html("");
       var post_id = $(this).attr('data-id');
       $.ajax({
        url : "<?php echo get_template_directory_uri(); ?>/post-result.php",
        type : 'POST',
        dataType: "html",
        data : { post_id : post_id },
        success : function( response ) {
         //Remove loader here 
         $('#loaddata').html( response );

        }
       });
      })
    </script>

希望它对你有用!!