JQuery слайдер, если он не работает

Question

Я пытаюсь поймать IF, когда мой текст идет слева: 0px, но он не работает: < Для любого подсказки я буду благодарен.

<script src="_js/jquery-1.12.0.min.js"></script> 
    <script src="_js/jquery-ui.min.js"></script> 
    <script src="_js/code.js"></script> 

<div class="container-for-slider"> 
      <ul class="slides"> 
      <li class="slide">Witam na stronie głównej</li> 
      <li class="slide">strona cały czas się rozwija</li> 
      <li class="slide">nowe pomysły nowe możliwości</li> 
      </ul> 
     </div> 

https://jsfiddle.net/hqp0w778/1/

setInterval(function() { 
     $('.container-for-slider .slides').animate({'left':'-=500px'}, 5000, function() { 
     if($('.container-for-slider .slides').position().left == '0px'){ 
     alert('lol'); 
    } 
    }); 
    }, 1000); 

Answer 1

Результат $('.container-for-slider .slides').position().left представляет собой целое число. Попробуйте это:

if ($('.container-for-slider .slides').position().left == 0)

Я также замечаю при тестировании .position().left не возвращает 0 никогда: https://jsfiddle.net/Twisty/hqp0w778/2/

$(document).ready(function() { 
    setInterval(function() { 
    $('.container-for-slider .slides').animate({ 
     'left': '-=300px' 
    }, 5000, function() { 
     console.log("Position:", $('.container-for-slider .slides').position().left); 
     if ($('.container-for-slider .slides').position().left === 0) { 
     alert('lol'); 
     } 
    }); 
    }, 1000); 
});