Почему в jquery не отрабатывает оператор if?

Question

[ichijinroh]

Написал простую логическую схему, по клику элемент должен менять значение css свойства left (ну точнее style, это понятно), а по второму клику возвращаться к нулю. Вот возвращаться не хочет. Подскажете где я накосячил? Причём на JS я написал всё как надо и всё работает. А вот на jquery в ступор впал. Документацию читал, гуглить гуглил. Очевидно, что я не догоняю какую-то идиотскую мелочь, может но вроде внешне всё чики-брики

let ball = $('.ball')

$('.ball').on('click', function () {
	let randomNum = Math.floor(Math.random() * 85) + 1;
	if (ball.position('left', 0)) {
	ball.css('left', 1000)
	} else {
	ball.css('left', 0)
	}
	ball.css('top', (randomNum))
	// alert('Гооол!');
});

Comments

[FeST1VaL]

так посмотрите что в ball.position

[Lynn «Кофеман»]

А что по вашему возвращает ball.position?

[twobomb]

Наверно там должно быть что то типа ball.position('left') ==0

[xdevelx]

Вместо ball следовало бы писать $(this)

[xdevelx]

И освойте debug кода хотя бы на уровне console.log - сразу вопросов меньше станет.

[xdevelx]

В документации jquery по поводу метода position() сказано

This method does not accept any arguments.

https://api.jquery.com/position/

[ichijinroh]

FeST1VaL, в position по второму клику - top: "рандомное число", left: 1000, ну то есть "не left: 0", что вполне соответствует заданному else, разве нет?

[xdevelx]

ichijinroh, Я же ссылку на документацию сбросил. position() возвращает объект, а объект в js даже пустой вернёт true.

[ichijinroh]

Lynn «Кофеман», position возвращает расположение элемента относительно родителя. И он то считывается нормально, с 0 до 1000 элемент летит замечательно, а когда мы переходим к else то вот это уже не отрабатывает, обратно к нолику элемент не летит

[ichijinroh]

xdevelx, так я прогоняю через console.log, задаю console.log(ball.position())по результату двух кликов у меня две записи, соответственно -
{top: 0, left: 0}
{top: 57, left: 1000}
И так как после первого клика значение position('left') не равно нулю я ожидаю ждо элементу перепишется значение свойства left на этот самый ноль

[ichijinroh]

xdevelx, использование $(this) вместо ball не изменило ничего, элемент ведёт себя точно также

[xdevelx]

ichijinroh, position().left содержит значение
И зачем вам jquery, если основы самые банальные javascript не понимаете?

[ichijinroh]

xdevelx, изначально вместо position я использовал .css, ситуация ровно такая же. И очень странно, что position не принимает аргументы, ведь по факту он отрабатывает.
PS: проверил, position просто отбрасывает аргументы. Можно вообще убрать его, ничего не изменится - в одну сторону элемент летит, в обратную - нет. Получается, что проверка возвращает мне в принципе true по факту существования элемента XD Это мило. Тогда я не понимаю как мне сделать проверку по положению в принципе

[ichijinroh]

xdevelx, дада, я уже понял что position в данном случае - бесполезная процедура

[xdevelx]

ichijinroh, Да Я же написал значение содержит position().left

[ichijinroh]

xdevelx, я именно JS и пытаюсь учить. Но параллельно встала задачка сделать что-то на jquery, в качестве расширения кругозора. На JS я написал всю процедуру, и даже чуть сложнее, там элемент и летает как надо, и крутится.

[ichijinroh]

xdevelx, position.left - помогло, спасибо ))) Я знаю, что беспросветно глуп, уж простите тёмность моего сознанья. Я беру упорством и наивной надеждой :3

[Lynn «Кофеман»]

ichijinroh,
Может документацию почитать, а не гадать?
https://api.jquery.com/position/

Answer 1

[AnvarjonS4957Y]

let ball = $('.ball')

$('.ball').on('click', function () {
let randomNum = Math.floor(Math.random() * 85) + 1;
if (ball.position().left == 0) {
ball.css('left', 1000)
} else {
ball.css('left', 0)
}
ball.css('top', (randomNum))
// alert('Гооол!');
});