Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не работают условия в jQuery (https://javascript.ru/forum/jquery/70163-ne-rabotayut-usloviya-v-jquery.html)

Nidzhat 16.08.2017 11:25

Не работают условия в jQuery
 
Доброго времени суток! Недавно я начал осваивать плагин jQuery и попробовал сделать слайдер картинок(ака карусель). Помогите пожалуйста на наличие ошибок.
jQuery код:
$(document).ready(function(){
$("#slider-left").click(function(){
$("#slider-block").animate({left: '-=128px'});
if ($("#slider-block").css('left') < "-512px") {
$("#slider-block").animate({left: '0px'});
};
});
});
HTML:
<div class='bottom-slider'>
<div id="slider">
<div id="slider-block">
<img src="images/hulk.png" alt="" class="1">
<img src="images/kitty.png" alt="" class="2">
<img src="images/im.png" alt="" class="3">
<img src="images/im2.png" alt="" class="4">
<img src="images/mt.png" alt="" class="5">
<img src="images/thor.png" alt="" class="6">
</div>

ksa 16.08.2017 11:34

Цитата:

Сообщение от Nidzhat
Недавно я начал осваивать плагин jQuery и попробовал сделать слайдер картинок(ака карусель). Помогите пожалуйста на наличие ошибок.

Так суть осваивания чего-то как раз в том, чтобы это сделать самостоятельно...

Nidzhat 16.08.2017 13:06

я просто мучился 2 дня. Весь гугл переискал. Вот, пришлось на форуме отписаться.

ksa 16.08.2017 13:34

Цитата:

Сообщение от Nidzhat
я просто мучился 2 дня. Весь гугл переискал.

Нужно просто почитать книжки по жиКвери - после этого многое прояснится ;)

Или предложить деньги за решение задачи. У нас для этого есть раздел работа.

Белый шум 16.08.2017 14:50

$("#slider-block").animate({left: '-=128px'});
С animate не имел дел, но '-=' мне кажется странным.

if ($("#slider-block").css('left') < "-512px")
Сравнивать надо числа, а не строки. Например так:
parseInt($("#slider-block").css('left')) < -512

рони 16.08.2017 16:00

Цитата:

Сообщение от Белый шум
мне кажется странным.

всё нормально - можно указать конечное число или прирост

ksa 16.08.2017 16:09

Белый шум, автор просто написал некие методы даже не вдаваясь в подробности как они вообще работают.
Так сейчас много кто делает. Потом заходит на форум "вот я типа написал, чего-то оно не делает того, что нужно, подправьте если вам не трудно".

Или еще проще вариант:
- Я собрался изучать то-то, но не получается сделать. В Гугле решения не нашел... Сделайте мне желаемое.

Nidzhat 16.08.2017 16:38

Цитата:

Сообщение от Белый шум (Сообщение 461747)
$("#slider-block").animate({left: '-=128px'});
С animate не имел дел, но '-=' мне кажется странным.

if ($("#slider-block").css('left') < "-512px")
Сравнивать надо числа, а не строки. Например так:
parseInt($("#slider-block").css('left')) < -512

Спасибо! Заработало !

Белый шум 16.08.2017 17:09

Цитата:

Сообщение от рони
всё нормально - можно указать конечное число или прирост

ясно

ksa,
ТС выложил короткий код с просьбой указать на ошибки. Мне не жалко потратить 10 секунд, тут ведь даже вникать не нужно было.


Часовой пояс GMT +3, время: 10:21.