<ul>
<li data-sort="2">Суп</li>
<li data-sort="1">Салат</li>
<li data-sort="5">Сок</li>
<li data-sort="4">Плов</li>
<li data-sort="3">Банан</li>
</ul>
var $wrapper = $('ul');
$wrapper.find('li').sort(function (a, b) {
return +a.dataset.sort - +b.dataset.sort;
})
.appendTo( $wrapper );
$('li[sort]').sort(function (a, b) {
return parseInt($(a).attr('sort'), 10) < parseInt($(b).attr('sort'), 10) ? -1: 1;
}).appendTo('ul');
var button = document.querySelector('button');
var input = document.querySelector('input');
var result = document.querySelector('p');
button.addEventListener('click', function() {
if(input.value === "") {
result.textContent = "Заполните пустое поле";
} else {
result.textContent = "Все ок!";
}
}, false)
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•'; /* <-- Вот этот символ */
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
var slideNum = 0;
var tmp = document.location.pathname.match(/^\/(\d+)/);
if (tmp && tmp[1]) slideNum = tmp[1];
var slideNum = 0;
var tmp = document.location.search.match(/slide=(\d+)/);
if (tmp && tmp[1]) slideNum = tmp[1];
$(function(){
$('.your-class').slick({
slidesToShow: 4,
slidesToScroll: 1,
appendArrows: $('.your-class-arrow'),
prevArrow: '<button id="prev" type="button" class="btn btn-juliet"><i class="fa fa-chevron-left" aria-hidden="true"></i> Туда</button>',
nextArrow: '<button id="next" type="button" class="btn btn-juliet">Сюда <i class="fa fa-chevron-right" aria-hidden="true"></i></button>'
});
});
<div class="your-class">
<div>your content</div>
<div>your content</div>
<div>your content</div>
</div>
<div class="your-class-arrow"></div>
new Ya.share({
element: 'yaShare',
elementStyle: {
'type': 'button',
'quickServices': ['vkontakte', 'facebook', 'gplus']
},
onready: function(instance) {
$(instance._block).find('a.b-share__handle').each(function() {
var el = $(this);
el.removeClass();
if (el.find('span').hasClass('b-share-icon_vkontakte')) {
el.find('span').remove();
el.append('<b class="icons-vk"></b>');
}
if (el.find('span').hasClass('b-share-icon_facebook')) {
el.find('span').remove();
el.append('<b class="icons-facebook"></b>');
}
if (el.find('span').hasClass('b-share-icon_gplus')) {
el.find('span').remove();
el.append('<b class="icons-google"></b>');
}
if (el.find('span').hasClass('b-share-form-button')) {
el.find('span').remove();
}
});
}
});
$(window).scroll(function(){
$('.main-nav-wrap').toggleClass('header-has-background', $(this).scrollTop() > 0);
});