Золотая середина jquery для pdoPage и mSearch2
Добрый день!
Столкнулся с такой загадкой, mSearch2 прекрасно работаем с jquery-3.2.0.min.js и пагинация тоже хорошо работает, но не в отдельности, почему pdoPage в отдельности начинает работать не корректно, работает он как надо с версией jquery-2.2.0.min.js, я могу разные jquery подключать на разных страницах, но думаю что может уже кто то сталкивался и нашел с какой версией jquery они оба корректно работают:
mSearch2 (версия 1.9.1) — при использовании jquery-2.2.0.min.js не работает фильтрация и пропадают ползунки цены.
pdoPage (версия 2.9.0) — jquery-3.2.0.min.js — при переходе в пагинации нормально переходит на самую первую и последнюю страницу, но при попытки перейти на 2ю, откуда то появляется первая (хотя она скрыта) и при возврате со второй на первую попадаю на /?page=1
Столкнулся с такой загадкой, mSearch2 прекрасно работаем с jquery-3.2.0.min.js и пагинация тоже хорошо работает, но не в отдельности, почему pdoPage в отдельности начинает работать не корректно, работает он как надо с версией jquery-2.2.0.min.js, я могу разные jquery подключать на разных страницах, но думаю что может уже кто то сталкивался и нашел с какой версией jquery они оба корректно работают:
mSearch2 (версия 1.9.1) — при использовании jquery-2.2.0.min.js не работает фильтрация и пропадают ползунки цены.
[[!mFilter2?
&paginator=`pdoPage`
&where=`{"template":1,4}`
&element=`mSearch2`
&tplPageWrapper=`@INLINE
<div class="clearfix"></div>
<div class="pagination-container margin-top-20">
<nav class="pagination">
<ul>
[[+pages]]
</ul>
</nav>
<nav class="pagination-next-prev">
<ul>
[[+first]][[+last]]
</ul>
</nav>
</div>`
&tplPageFirst=`@INLINE
<li><a class="prev" href="[[+href]]">Первая</a></li>
`
&tplPageLast=`@INLINE
<li><a class="next" href="[[+href]]">Последняя</a></li>
`
&tplPageActive=`@INLINE
<li><a class="current-page" href="[[+href]]">[[+pageNo]]</a></li>
`
&tplPage=`@INLINE
<li><a href="[[+href]]">[[+pageNo]]</a></li>
`
&showEmptyFilters=`1`
&tpl=`object`
&tpl_n2=`object`
&sortby=`{"menuindex":"ASC"}`
&parents=`[[*id]]`
&ajaxMode=`default`
&limit=`1`
&tplPageFirstEmpty=``
&tplPageLastEmpty=``
&tplPagePrevEmpty=``
&tplPageNextEmpty=``
&includeTVs=`price,room,city,rental,region,microdistrict`
&filters=`
tv|rental:select,
tv|city:select,
tv|region:select,
tv|microdistrict:select,
tv|tip:select,
tv|price:number,
tv|room:select,
tv|area:number,
tv|living-space:number,
tv|kitchen-area:number,
tv|floor:number,
tv|number-of-storeys:number,
tv|housing-material:select,
tv|yearbuilt:select,
tv|type-of-house:select,
tv|apartment-type:select,
tv|layout:select,
tv|lavatory:select,
tv|loggia:select,
tv|type-of-ownership:select,
tv|condition:select
`
&aliases=`
tv|city==city,
tv|region==region,
tv|microdistrict==microdistrict,
tv|room==room,
tv|rental==rental,
tv|housing-material==housing-material,
tv|yearbuilt==yearbuilt,
tv|type-of-house==type-of-house,
tv|apartment-type==apartment-type,
tv|layout==layout,
tv|lavatory==lavatory,
tv|loggia==loggia,
tv|type-of-ownership==type-of-ownership,
tv|condition==condition,
tv|tip==tip
`
&suggestionsRadio=`
tv|city,
tv|region,
tv|microdistrict,
tv|room,
tv|rental,
tv|housing-material,
tv|yearbuilt,
tv|type-of-house,
tv|apartment-type,
tv|layout,
tv|lavatory,
tv|loggia,
tv|type-of-ownership,
tv|condition
tv|tip
`
&tplFilter.outer.tv|price=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|price=`tpl.mFilter2.filter.number`
&tplFilter.outer.tv|area=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|area=`tpl.mFilter2.filter.number`
&tplFilter.outer.tv|living-space=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|living-space=`tpl.mFilter2.filter.number`
&tplFilter.outer.tv|kitchen-area=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|kitchen-area=`tpl.mFilter2.filter.number`
&tplFilter.outer.tv|floor=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|floor=`tpl.mFilter2.filter.number`
&tplFilter.outer.tv|number-of-storeys=`tpl.mFilter2.filter.slider`
&tplFilter.row.tv|number-of-storeys=`tpl.mFilter2.filter.number`
&tplFilter.outer.city=`tpl.mFilter2.filter.select`
&tplFilter.row.city=`tpl.mFilter2.filter.option`
&tplFilter.outer.region=`tpl.mFilter2.filter.select`
&tplFilter.row.region=`tpl.mFilter2.filter.option`
&tplFilter.outer.microdistrict=`tpl.mFilter2.filter.select`
&tplFilter.row.microdistrict=`tpl.mFilter2.filter.option`
&tplFilter.row.rental=`tpl.mFilter2.filter.checkbox1`
&tplFilter.row.rental=`tpl.mFilter2.filter.checkbox2`
&tplFilter.outer.housing-material=`tpl.mFilter2.filter.select`
&tplFilter.row.housing-material=`tpl.mFilter2.filter.option`
&tplFilter.outer.yearbuilt=`tpl.mFilter2.filter.select`
&tplFilter.row.yearbuilt=`tpl.mFilter2.filter.option`
&tplFilter.outer.type-of-house=`tpl.mFilter2.filter.select`
&tplFilter.row.type-of-house=`tpl.mFilter2.filter.option`
&tplFilter.outer.apartment-type =`tpl.mFilter2.filter.select`
&tplFilter.row.apartment-type =`tpl.mFilter2.filter.option`
&tplFilter.outer.rental=`tpl.mFilter2.filter.select`
&tplFilter.row.rental=`tpl.mFilter2.filter.option`
&tplFilter.outer.room=`tpl.mFilter2.filter.select`
&tplFilter.row.room=`tpl.mFilter2.filter.option`
&tplFilter.outer.layout=`tpl.mFilter2.filter.select`
&tplFilter.row.layout=`tpl.mFilter2.filter.option`
&tplFilter.outer.lavatory=`tpl.mFilter2.filter.select`
&tplFilter.row.lavatory=`tpl.mFilter2.filter.option`
&tplFilter.outer.loggia=`tpl.mFilter2.filter.select`
&tplFilter.row.loggia=`tpl.mFilter2.filter.option`
&tplFilter.outer.type-of-ownership=`tpl.mFilter2.filter.select`
&tplFilter.row.type-of-ownership=`tpl.mFilter2.filter.option`
&tplFilter.outer.condition=`tpl.mFilter2.filter.select`
&tplFilter.row.condition=`tpl.mFilter2.filter.option`
&tplFilter.outer.tip=`tpl.mFilter2.filter.select`
&tplFilter.row.tip=`tpl.mFilter2.filter.option`
]]
pdoPage (версия 2.9.0) — jquery-3.2.0.min.js — при переходе в пагинации нормально переходит на самую первую и последнюю страницу, но при попытки перейти на 2ю, откуда то появляется первая (хотя она скрыта) и при возврате со второй на первую попадаю на /?page=1
<div id="pdopage">
<div class="rows">
[[!pdoPage?
&parents=`10`
&ajaxMode=`default`
&limit=`1`
&tpl=`blog-post`
&tplPageWrapper=`@INLINE
<div class="clearfix"></div>
<div class="pagination-container margin-top-20">
<nav class="pagination">
<ul>
[[+pages]]
</ul>
</nav>
<nav class="pagination-next-prev">
<ul>
[[+first]][[+last]]
</ul>
</nav>
</div>`
&tplPageFirst=`@INLINE
<li><a class="prev" href="[[+href]]">Первая</a></li>
`
&tplPageLast=`@INLINE
<li><a class="next" href="[[+href]]">Последняя</a></li>
`
&tplPageActive=`@INLINE
<li><a class="current-page" href="[[+href]]">[[+pageNo]]</a></li>
`
&tplPageFirstEmpty=``
&tplPageLastEmpty=``
&tplPagePrevEmpty=``
&tplPageNextEmpty=``
]]
</div>
<div class="clearfix"></div>
[[!+page.nav]]
<div class="clearfix"></div>
</div>
Комментарии: 5
Пробовали использовать jquery-migrate?
Использую jquery-3.2.1 и migrate-3.0.0. Всё нормально работает.
Использую jquery-3.2.1 и migrate-3.0.0. Всё нормально работает.
Лишний костыль к сожалению. От части понимаю автора.
У меня не работает, только что проверил. Верно понял что их вместе подключаете? Пробовал и так и отдельно.
при использовании jquery-2.2.0.min.js не работает фильтрация и пропадают ползунки цены.посмотрите какая версия jquery ui используется (за ползунки ui отвечает), скорее всего просто не совместима с jquery 2.2, подключите совместимую версию
Сам стараюсь не пользовать jquery 3, самое первое, что отпугнуло — там window load срабатывает раньше, чем document ready.
Я это решу при помощи подключения разных версий на разных страниц, думал кто то знает универсальную версию) Спасибо за помощь.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.