IN
симбиоз jquery и ES6 😃
Size: a a a
2019 May 25
DE
А где ES6 там?
IN
простой вопрос (или нет):
вот у меня обычная функция
function choose() {
alert (this.dataset.name);
}
и ее вызов:
$(".class").on("click", choose);
Работает исправно.
Почему когда я меняю функцию на стрелочную она перестает работать:
const choose = () => {
alert (this.dataset.name);
}
и как ее оживить? Видимо this как-то по другому начинает работать, да?
вот у меня обычная функция
function choose() {
alert (this.dataset.name);
}
и ее вызов:
$(".class").on("click", choose);
Работает исправно.
Почему когда я меняю функцию на стрелочную она перестает работать:
const choose = () => {
alert (this.dataset.name);
}
и как ее оживить? Видимо this как-то по другому начинает работать, да?
тут
D
ну да, у меня нет четкого понимания где ES5 / ES6 и как нужно отделять его от jquery
IN
ну да, у меня нет четкого понимания где ES5 / ES6 и как нужно отделять его от jquery
D
посмотрел на разницу вывода this у простой и стрелочной функций...
ппц какой-то. Как мне у этой стрелочной функции вообще найти мой элемент? ))
ппц какой-то. Как мне у этой стрелочной функции вообще найти мой элемент? ))
DE
const choose = (e) => {
console.log(e.target)
}
$(".class").on("click", choose);DE
e - event событие
D
const choose = (e) => {
console.log(e.target)
}
$(".class").on("click", choose);ok.
e.target выдает мне img-объект, вложенный в div. Как мне вот этот самый div получить? В нем нужный мне data-name атрибут
e.target выдает мне img-объект, вложенный в div. Как мне вот этот самый div получить? В нем нужный мне data-name атрибут
S
Для тех кто в танках, вроде свелт от разраба кодсандбокса
ну какбы нет. там чувак из нью йорк таймз, кажется
IN
const choose = (e) => {
console.log(e.target)
}
$(".class").on("click", choose);а зочем ты пишешь скобочки, если аргумент один?)
DE
ну какбы нет. там чувак из нью йорк таймз, кажется
Я кстати, с ним переписывался
DE
IN
S
я его встречал в куче проектов до свелте) активный такой в опен соурсе
D
кстати, это все хорошо.
Но опять-таки: как мне передавать туда переменную?
let str = "name"
const f = a[str];
f();
так работает? У меня почему-то нет
Но опять-таки: как мне передавать туда переменную?
let str = "name"
const f = a[str];
f();
так работает? У меня почему-то нет
DE
кстати, это все хорошо.
Но опять-таки: как мне передавать туда переменную?
let str = "name"
const f = a[str];
f();
так работает? У меня почему-то нет
Но опять-таки: как мне передавать туда переменную?
let str = "name"
const f = a[str];
f();
так работает? У меня почему-то нет
Напишешь правильно - будет работать
D
А может проще повесить слушатель на сам див, а не на изображение?
<div class="piece">
<img src="..." alt="...">
</div>
$(".piece").on("click", choose);
Вот такой код разве не на сам div вешает слушатель???
<img src="..." alt="...">
</div>
$(".piece").on("click", choose);
Вот такой код разве не на сам div вешает слушатель???
DE
Ты кликаешь по картинке