var items = document.querySelectorAll('.appartments-item');
var parent = document.body;
var SortElements = new Object();
items.forEach(function(item, indx){
var itemValue = parseInt(item.querySelector('.appartments-item__price').textContent.replace('руб', '').replace(/\s+/g, ''));
SortElements[itemValue] = {'element': item, 'index': indx} ;
});
var keys = Object.keys(SortElements);
function compareNumeric(a, b) {
a = parseInt(a);
b = parseInt(b);
if (a < b) return 1;
if (a > b) return -1;
}
keys.sort(compareNumeric);
keys.map(function(key, indx){
parent.insertAdjacentElement('beforeend', SortElements[key]['element']);
});
new XMC({
bodyID: 'rara', // id для блока с контентом
backgroundLayerID: 'lusia', //id для фона
selector: 'data-type', // атрибут у кнопок которые вызывают эту модалку
selectorValue: 'openModalForm', // Значение атрибута
btnId: 'fbgmfClose',
content: 'Привет', // Содержание модалки
classListBg: ['zuzu', 'zaza'], // Классы для wrappera
classListBody: ['zuzu', 'zaza2'], // Классы для блока с содержанием
classListBtn: ['zuzu', 'zaza3'], // Классы для кнопки закрыть
styleBg: { // Стили врапера. Пишем по js-су
top: '0',
left:'0',
right: '0',
bottom: '0',
position: 'fixed',
background: '#00000090',
justifyContent: 'center',
alignItems: 'center',
zIndex: '6'
},
styleBody: { // Стили блока с контентом. Пишем по js-су
minWidth: '200px',
minHeight: '200px',
background: '#ffffff',
justifyContent: 'center',
alignItems: 'center',
},
btnStyle: { // Стили кнопки закрыть. Пишем по js-су
width: '40px',
height: "40px",
background: '#ffffff',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
position: 'absolute',
top: '5%',
right: '5%',
cursor: 'pointer'
}
});
$args = array(
'post_type' => 'post',
'offset'=> '' // отступ, сколько постов пропустить при запросе из базы
'posts_per_page'=> 10 // количество постов
);
window.location.hash = 2 // страница 2 например
<div data-proportion-h="1" style="widht:200px;"></div><!-- Высота 200px -->
<div data-proportion-h="2" style="widht:200px;"></div><!-- Высота 400px -->
<div data-proportion-h="0.5" style="widht:200px;"></div><!-- Высота 100px -->