jquerywhen元素在视图中

我正在jquery中创建一个自定义滑块，并希望检测某个滑块何时出现

以下是我到目前为止的情况：

jQuery

HTML

上面在单击a.control_时添加了一个控制台日志

我遇到的问题是，当单击console.log时，它会被添加到所需幻灯片的后面

是否可以在不使用任何视口插件等的情况下实现上述功能

谢谢，

---

Dan

您是否在moveLeft功能中设置滑块动画？您好，是的，它将导航到下一个滑块您可以共享一些HTML结构和动画代码吗？请尝试在moveLefthi之前调用inView，这具有相同的效果，无论如何，谢谢！

function moveLeft() {
        $('#slider ul').animate({
            left: + slideWidth
        }, 350, function () {
            $('#slider ul li:last-child').prependTo('#slider ul');
            $('#slider ul li').removeClass('inview');
            $('#slider ul li:first').addClass('inview');
            $('#slider ul').css('left', '');

        });
    };

function inView() {
        if( $('li').hasClass('inview') ) {

            if ($('.inview').find('#cycler').length) {

                 console.log('has a child');

            }
        }
    };

    $('a.control_prev').click(function () {
        moveLeft();
        inView();

    });

<div id="slider" style="background:#e0e4e8;">
  <a href="#" class="control_next">></a>
  <a href="#" class="control_prev"><</a>
  <ul>


<li>
    <img src="<?php bloginfo('template_url');?>/images/af2.jpg" alt="" width="1800" height="700" />
        <div id="cycler">
            <img class="active" id="showfirst"  src="<?php bloginfo('template_url');?>/images/af2.jpg" alt="" width="1800" height="700" />
            <img src="<?php bloginfo('template_url');?>/images/af2b.jpg" alt="" width="1800" height="700" />
            <img src="<?php bloginfo('template_url');?>/images/af2c.jpg" alt="" width="1800" height="700" />    
        </div>
</li>

<li>
    <img src="<?php bloginfo('template_url');?>/images/af3.jpg" alt="" width="1800" height="700" />
</li>

<li>
    <img src="<?php bloginfo('template_url');?>/images/af1.jpg" alt="" width="1800" height="700" />
</li>


    </ul>
</div>