Como eu faço para parar o um gif, quando minha modal abrir?
Quando eu clico no icon FA-SEARCH
carrega minha modal, e o gif fica infinito.
<script type="text/javascript">
$(document).ready(function () {
$('.loading').hide();
$('.fa-search').click(
function () {
$('.loading').show();
}
);
}
);
</script>
.loading {
background: url('https://i.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.webp') no-repeat center center;
background-color: #114876bf;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999999;
}
}
<div class="loading"></div>
<a style="margin-left:-22px;" href="#" id="addCliente">
<i class="fa fa-search"></i>
</a>
$("#addCliente").click(function () {
var id = $(this).attr("data-id");
//alert(id);
var url = '@Url.Action("adicionarCliente", "Atendimento", new { area = "Suporte" })';
$("#addClientem").load(url,
function() {
$("#addClientem").modal();
});
});