VPF::Не работает пагинатор - Форум программистов

Shark

Дата 5.8.2015, 11:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4

Столкнулся с проблемой в пагинаторе.

Код


            $(document).ready(function(){
                function loading_show(){
                    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
                }
                function loading_hide(){
                    $('#loading').fadeOut('fast');
                }                
                function loadData(page){

                    loading_show();                    
                    $.ajax
                    ({
                        type: "POST",
                        url: "load_data.php",
                        data: "page="+page,
                        success: function(msg)
                        {

                                loading_hide();
                                $("#container").html(msg);

                        }
                    });
                }
                loadData(1);  // For first time page load default results
                $('#container .pagination li.active').on('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);
                    
                });           
                $('#go_btn').on('click',function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Enter a PAGE between 1 and '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }
                    
                });
            });

на версии jQuery 1.3.2 с функцией .live() работает все прекрасно, но на версии 1.10.2 jQuery, с функцией .on() не работает навигация... что там нужно подправить, чтоб навигация заработала?
функция .live() была заменена на .on() в версии 1.9.0 (если не ошибаюсь).

Не работает эта часть кода:

Код


                $('#container .pagination li.active').on('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);
                    
                });           
                $('#go_btn').on('click',function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Enter a PAGE between 1 and '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }
                    
                });

--------------------

Смерть - это только начало...
Агентство недвижимости Premial

Shark

Дата 5.8.2015, 20:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4

Сам вопрос задал, и сам за целый день нашел ответ, который навел на мысль, написать код так:

Код


                $('#containers').on('click', '.pagination li.active', function(){
                    var page = $(this).attr('p');
                    loadData(page);
                    
                });           
                $(document).on('click', '#go_btn', function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Enter a PAGE between 1 and '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }
                    
                });
            });

--------------------

Смерть - это только начало...
Агентство недвижимости Premial

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »