var a = 1;
function foo() {
var a = 2;
return a;
}
function bar() {
var a = 5;
return a;
}
console.log(a); // 1
a = 10;
console.log(foo()); // 2
console.log(bar()); // 5
console.log(a); // 10
fade
.btn
меняется эффект .slick('slickSetOption', 'fade', false, true)
slick
через эффект fade нужно поправить стили у слайдера..important{left:0!important; opacity:1!important;}
$(document).on('touchstart', 'слик-слайдер', function(e) { ..});
, чтобы СРАБАТЫВАЛО событие.$(document)
.on('touchstart', 'слик-слайдер', function(e) {
меняем эффект и добавляем класс
})
.on('touchend', 'слик-слайдер', function(e) {
возвращаем эффект и удаляем класс
});
$("#main_form").submit(function(e) { //Change
e.preventDefault();
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php", //Change
data: th.serialize()
}).done(function() {
th.trigger("reset");
$.magnificPopup.open({
items: {
src: '.modal'
}
});
setTimeout(function() {
// Done Functions
$.magnificPopup.close();
}, 3000);
});
});
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: true,
focusOnSelect: true
});
<td>
<span class="treegrid-indent"></span>
<span class="treegrid-indent"></span>
<span class="treegrid-expander"></span>
<div style="display: inline-block;">
С++ для начинающих. Урок 1
<br>
С++ для начинающих. Урок 1
</div>
</td>
$('.menu').bind({
touchstart: function(e){ //для мобильных устройств
e.stopPropagation();
$(this).addClass('menu_active');
},
mouseenter: function(){
$(this).addClass('menu_active');
},
mouseleave: function(){
$(this).removeClass('menu_active');
}
});
$(body).on('touchstart', function(e){
$(this).removeClass('menu_active');
});
parseInt(100 / duration * currentTime)
<ul class="navigation">
<li><a href="#" data-index="#1">1</a></li>
<li><a href="#" data-index="#2">2</a></li>
<li><a href="#" data-index="#3">3</a></li>
<li><a href="#" data-index="#4">4</a></li>
<li><a href="#" data-index="#5">5</a></li>
</ul>
$(".onepage-pagination li a").click(function (){
var page_index = $(this).data("index");
el.moveTo(page_index);
});
.navigation li a
$(".onepage-pagination li a, .navigation li a").click(function (){
var page_index = $(this).data("index");
el.moveTo(page_index);
});
#block3 a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
background-color: #9a9a9a;
}
.active
.active{
background-color: #9a9a9a;
}