Не работают два pdoPage AjaxMode="button"

На одной странице вывожу два pdoPage

[[!pdoPage?
                        &element=`getImageList`
                        &tvname=`foto` 
                        &tpl=`tpl.foto`
                        &limit=`5` 
                        &tpl_3=`tpl.foto-three`
                        &sort=`[{"sortby":"MIGX_id","sortdir":"DESC","sortmode":"numeric"}]`
                        &ajax=`1`
                        &ajaxMode=`button`
                        &ajaxElemWrapper=`#pdopagefoto`
                        &ajaxElemRows=`#pdopagefoto .rows`
                        &ajaxElemMore=`#pdopagefoto .btn-more`
                        &ajaxTplMore=`@INLINE <button class="btn btn-red-border btn-more">Смотреть еще</button>`	
                        &totalVar=`ImagesTotal`
                        &toPlaceholder=`ImagesResult`
                    ]]
                            
                    [[!+ImagesTotal:ne=`0`:then=`
                        <div id="pdopagefoto">
                            <div class="rows clearfix">
                                [[+ImagesResult]]
                            </div>
                            <div class="text-center">
                                [[!+page.nav]]
                            </div>
                        </div>
                    `:else=`
                        <p>Нет фото</p>
                    `]]

и второй

[[!pdoPage?
                        &element=`getImageList`
                        &tvname=`video` 
                        &tpl=`tpl.video`
                        &limit=`3` 
                        &tpl_1=`tpl.video-first`
                        &sort=`[{"sortby":"MIGX_id","sortdir":"DESC","sortmode":"numeric"}]`
                        &ajaxElemWrapper=`#pdopagevideo`
                        &ajaxElemRows=`#pdopagevideo .rows`
                        &ajaxElemMore=`#pdopagevideo  .btn-more`
                        &ajaxMode=`button`
                        &ajaxTplMore=`@INLINE <button class="btn btn-red-border btn-more">Смотреть еще</button>`	
                        &totalVar=`ImagesTotal3`
                        &toPlaceholder=`ImagesResult3`
                        &showLog =`1`
                    ]]
                            
                    [[!+ImagesTotal3:ne=`0`:then=`
                        <div id="pdopagevideo">
                            <div class="rows clearfix">
                                [[+ImagesResult3]]
                            </div>
                            <div class="text-center">
                                [[!+page.nav]]
                            </div>
                        </div>
                    `:else=`
                        <p>Нет видео</p>
                    `]]
В итоге кнопки подгрузки нет и выходит обычная пагинация

Если один убрать полностью, а другому убрать
&ajaxElemWrapper=`#pdopagefoto`
                        &ajaxElemRows=`#pdopagefoto .rows`
                        &ajaxElemMore=`#pdopagefoto .btn-more`
то будет работать, если же оба запустить без параметров
&ajaxElemWrapper=`#pdopagefoto`
                        &ajaxElemRows=`#pdopagefoto .rows`
                        &ajaxElemMore=`#pdopagefoto .btn-more`
то работает криво
Думаю гдето тут проблема
&ajaxElemWrapper=`#pdopagefoto`
Может ктонибудь помочь?
Михаил
03 февраля 2018, 11:21
modx.pro
825
0

Комментарии: 0

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
0