Динамическое обновление контента jquery, Ajax

[inviktiv]

Есть такой код:

<script>
var AjaxContent = function(){
var container_div = '';
var content_div = '';
return {
getContent : function(url){
    $(container_div).animate({opacity:0}, //Прозрачность на 0
        function(){ // загружает контент с помощью ajax
        $('#gif_loader').show(); //показываем лоадер
        $(container_div).load(url+" "+content_div, //загружает только выбранную часть
        function(){
            $(container_div).animate({opacity:1}); //возвращает прозрачность обратно на  1
            $('#gif_loader').hide();  //скрываем лоадер при загрузке
            }
        );
    });
},
ajaxify_links: function(elements){
    $(elements).click(function(){
        AjaxContent.getContent(this.href);
        return false; //предотвращает нажатие на ссылку
    });
},
init: function(params){ //задает первоначальные настройки
    container_div = params.containerDiv;
    content_div = params.contentDiv;
    return this; //выводит объект
    }
    }
}();

</script>
<script type="text/javascript" charset="utf-8">
    $(function(){
        AjaxContent.init({containerDiv:"#features_items",contentDiv:"#features_items"}).ajaxify_links("a");
    });
    </script>

Который по нажатию на ссылку загружает выбранное значение из div id=#features_items
вид ссылок: <span id="ajaxgo"><a href="page=2">2</a></span>


Вроде все работает, но работает через раз, то есть переходим на 2 страницу все хорошо, обратно же на первую происходит обычная загрузка, в место динамической. Так же в адресной строке не меняется значение..

В чем может быть проблема? Просветите человека пожалуйста.

[inviktiv]

inviktiv,
где отступы в коде?

Что прости? Они как то влияют? По моему не профессиональному взгляду все нормально с отступами... возможно я ошибаюсь.. Покажи пожалуйста как нужно..

[inviktiv]

эээ... это что? Я глупый человек, мне нужно словами русскими объяснить, а не показывать какой то кусок кода...

[inviktiv]

Сделал, заменил.. проблема не решилась..

<script>
    var hash = window.location.hash.substr(href);
    var href = $('span a').each(function() {
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 5)) {
            var toLoad = hash + '.html #features_items';
            $('#features_items').load(toLoad)
        }
    });
    var AjaxContent = function() {
        var container_div = '';
        var content_div = '';
        return {

            getContent: function(url) {
                $(container_div).animate({
                        opacity: 0
                    }, //Прозрачность на 0
                    function() { // загружает контент с помощью ajax
                        $('#gif_loader').show(); //показываем лоадер
                        $(container_div).load(url + " " + content_div, //загружает только выбранную часть
                            function() {
                                $(container_div).animate({
                                    opacity: 1
                                }); //возвращает прозрачность обратно на  1
                                $('#gif_loader').hide(); //скрываем лоадер при загрузке
                            }
                        );
                    });
            },

            ajaxify_links: function(elements) {
                $(elements).click(function() {
                    AjaxContent.getContent(this.href);
                    return false; //предотвращает нажатие на ссылку
                });
            },
            init: function(params) { //задает первоначальные настройки
                container_div = params.containerDiv;
                content_div = params.contentDiv;
                return this; //выводит объект
            }
        }
    }();
</script>


<script type="text/javascript">
    $(function() {
        AjaxContent.init({
            containerDiv: "#features_items",
            contentDiv: "#features_items"
        }).ajaxify_links("span a");
    });
</script>