$(window).on('scroll', function(){
console.log('scroll');
}).trigger('scroll');function onScroll() {
console.log('scroll');
}
$(window).on('scroll', onScroll);
onScroll();function triplets(str) {
// \u202f — неразрывный узкий пробел
return str.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1\u202f');
}function prov(id_knopki){
return jQuery.ajax({ // Будем возвращать deferred-объект
type: "POST",
url: "prov_prav_polz.php",
dataType:"text",
data:{"id_knopki":id_knopki},
cache: false,
// async:false, // это плохо, выкидываем
// эти коллбеки тоже убериаем
// success:function(response){
// alert(response);
// var result_add = response;
// if(result_add=="1") { alert("Операция разрешена"); } else { alert("Операция запрещена"); }
// },
// error:function(xhr, ajaxOptions, thrownError){
// alert(thrownError); alert("Ошибка выполнения скрипта");
// }
})
// Вместо коллбеков будем использовать функциональность deferred объектов
.done(function(response){
alert(response);
var result_add = response;
if(result_add=="1") { alert("Операция разрешена"); } else { alert("Операция запрещена"); }
return response; // Прокинем данные дальше, наружу
})
.fail(function(xhr, ajaxOptions, thrownError){
alert(thrownError); alert("Ошибка выполнения скрипта");
})
;
// return result_add; // неправильно
}
$("#formsubmit").click(function() {
var id_knopki = 100;
prov(id_knopki)
.done(function(response){
if(response=="1") { } else { }
});
});$.when(prov(id_knopki)).done(function() {
if(result_add=="1") { ... } else { ... }
});
return $.ajax({...})
<ul>
<li class="more">...</li>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
</ul>ul:hover > li { display: block}
function shuffle( array ) {
for(var j, x, i = array.length; i; j = parseInt(Math.random() * i), x = array[--i], array[i] = array[j], array[j] = x);
return true;
}
var a = [1,2,3,4,5,6,7,8,9];
shuffle(a);
out.innerHTML = a.toString();function getRandom(min, max) {
var arr = [];
for (var i = 0; i < max; i++) {
x = Math.floor(Math.random() * (max - min + 1)) + min;
if (arr.indexOf(x)) {
return;
}
else {
arr.push(x);
}
return arr;
}
}function getRandom(min, max) {
// Получаем массив чисел из диапазона от min до max
var arr = Array.from(Array(max - min + 1).keys(), x => x + min);
// Перемешиваем
shuffle(arr);
// возвращаем перемешанный массив
return arr;
}var a = getRandom(3,15);
(function( ) {
})();function( ) {
}()()+function(){}()()(jQuery) — в параметре передается jQueryfunction($){} — а тут этот параметр объявлен и используется(function($){})(jQuery) — итого, объявили анонимную функцию, и вызвали ее, передав параметром объект jQueryjQuery.noConflict();jQuery.(function($){
$('.slider').slick();
})(jQuery);var myFunc = function($){
// some code
}
myFunc(jQuery);<button onclick=openbox(1)>Toggle 1</button>
<button onclick=openbox(2)>Toggle 2</button>
<button onclick=openbox(3)>Toggle 3</button>
<div class="item" id="item1">item 1</div>
<div class="item" id="item2" hidden>item 2</div>
<div class="item" id="item3" hidden>item 3</div>function openbox(id){
var el = document.getElementById('item'+id);
if(el.hidden){
document.querySelectorAll('.item').forEach(item => item.hidden = true);
el.hidden = false;
}else{
el.hidden = true;
}
}Есть ли какая-то библиотека для этого? Например, у которой были бы методы типа styles.addClass() или styles.editClass("background-color", "black")
<div>
<h2 @click="toggle"></h2>
<div v-if="stateOpen">
Скрытое содержимое
</div>
</div>{
data() {
return {
stateOpen: false,
}
},
methods: {
toggle(){
this.stateOpen = !this.stateOpen;
}
}
}<MyComponent :foo="bar">
<div class="my-component">
<h3>Разметка компонента, генерируемая сервером по старинке</h3>
</div>
</MyComponent>