Witajcie,

projektuje dla treningu własny CMS i postanowiłem używać jQuero'wego ajaxa i mam taki problem. Chcę aby lista stron (#sites) odświeżała się po każdym sukcesie zwróconym przez ajaxa. Przy dodawaniu stron, nie ma żadnego problemu, ale kod nie działa przy usuwaniu(można usunąć jeden element, lista się odświeża, ale drugiego już nie można - po kliknięciu na button nic się nie dzieje.

Kod JS:

[HTML] pobierz, plaintext 
/**
 * Created by Przemek on 07.03.15.
 */
$(document).ready(function(){
 
 
    /*Adding new page - ajax */
 
    $("#addsiteSubmit").click(function(){
 
        var title = $("input[name='title']").val();
        var content = $("#content").val();
        var published = $("input[name='published']").val();
 
 
        $.ajax({
            url: "http://localhost:8888/cicms/admin/pages/addPage",
            type: "POST",
            data: {
                title : title,
                content: content,
                published: published
            }
        }).success(function(){
 
            UIkit.notify("<i class='uk-icon-check'></i>Sucessfully added new page!", {status:'success'});
 
            var modal = UIkit.modal("#addingModal");
 
            if ( modal.isActive() ) {
                modal.hide();
            } else {
                modal.show();
            }
 
            $("#sites").load("" + " #sites");
 
        });
 
        });
 
 
 
    /*Deleting page - ajax*/
 
    $(".deletePage").click(function(){
 
        var pageid = $(this).attr('name');
 
        //console.log(pageid);
 
        $.ajax({
            url: "http://localhost:8888/cicms/admin/pages/deletePage",
            type: "POST",
            data: {
                pageid : pageid
            }
        }).success(function(){
            //alert("dsd");
            UIkit.notify("<i class='uk-icon-check'></i>Sucessfully deleted page!", {status:'success'});
 
            $("#sites").load("" + " #sites");
        });
 
    });
 
 
 
    });
 
 
 
 
 
 
 
[HTML] pobierz, plaintext