fechar div ajax

[diasgabrie 0]

olá pessoal,

 

estou abrindo uma div ajax, mas não consigo fecha-la.

 

ajax na index.php

$(function() {
$(".click").on('click', function(event) {
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
    $('#postloader').show(1000).load('zoom.php?id='+I);
    event.preventDefault();
});
});


$(".fechar").click(function() {
    $('#postloader').hide(1000);
});

html no zoom.php

<a class="fechar" href="javascript:;">Fechar</a>

css no index.php

 

<style>
#postloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    border:1px solid;
    z-index:99;
    background-color:#fff;
    display:none;
}
</style>

no index.php

<div id="postloader"></div>

 

O que pode ser?

obrigada!

 

[CL4nG 36]

Adicione a função de callback no evento on ready:

 

<script>

 

$(document).ready(function(){

$(".fechar").click(function() {

$('#postloader').hide(1000);

});

});

 

</script>

 

 

<script>

$(document).ready(function(){
	$(".fechar").click(function() {
	    $('#postloader').hide(1000);
	});
});

</script>

 
<style>
#postloader {
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    border:1px solid;
    z-index:99;
    background-color:#fff;
    border: 1px solid red;
}
</style>

<div id="postloader"></div>
<a class="fechar" href="javascript: void();">Fechar</a>