Hej udviklere,
Jeg har et problem med et bookingsystem jeg er ved at lave. Dette system er bygget af PHP og ajax med jQuery.
Jeg bruger disse funktioner for at lave mine ajax kald:
<script type='text/javascript'>
$(function() {
$('#tabs').tabs();
$('#tabs #lej').click(function() {
$.ajax({
type: "POST",
url: "flasker.php?lej",
context: $(this),
data: "date="+$(this).attr('alt')+"&flaske="+$(this).attr('flaske'),
success: function(){
var content = $(this).html();
alert('Du har nu booket en ' + $(this).attr('flaske') +' flaske d. ' + content + '.\nHvis dette ikke var den rigtige dato, skal du opdatere siden og fjerne den igen');
$(this).parent().html('<a href="#" flaske="'+ $(this).attr('flaske')+'" alt="'+ $(this).attr('alt')+'" id="fjern" userid="'+ $(this).attr('userid')+'" owner="'+ $(this).attr('userid')+'" id="fjern" style="color:red;">' + content + '</a>');
$(this).remove();
alert($(this).html());
}
});
});
$('#tabs #fjern').click(function() {
if($(this).attr('owner')==$(this).attr('userid')) {
$.ajax({
type: "POST",
url: "flasker.php?fjern",
context: $(this),
data: "date="+$(this).attr('alt')+"&flaske="+$(this).attr('flaske'),
success: function() {
alert('jaa');
}
});
}
else alert('Du kan ikke slette denne dato');
});
});
</script>
Sådan her ser en typisk dato ud som ikke er booket:
<td><a href="#" id="lej" alt="7/7/2010" flaske="15l">7</a></td>
Sådan her ser en typisk dato ud som er booket:
<td><a href="#" flaske="15l" alt="9/7/2010" id="fjern" userid="62" owner="62" id="fjern" style="color:red;">9</a></td>
Og sådan her ser en typisk dato ud når den lige er ændret med jQuery (I ajax Success'en):
<a href="#" flaske="15l" alt="20/7/2010" id="fjern" userid="62" owner="62" style="color:red;">20</a>
Mit problem er at når jeg klikker på en dato der ikke er booket, og så vil fjerne den igen uden at opdatere browseren virker det ikke. Den finder åbenbart ikke min click handler.
Nogle der kan klare problemet ?
P.S Hvis i ikke forstår det, så kan jeg prøve at omformulere det.