Javascript 滑动条上的滑动功能

Javascript 滑动条上的滑动功能,javascript,jquery,Javascript,Jquery,似乎无法让它工作尝试获得幻灯片功能为下一个和上一个滑块没有工作,当然滑动。我正在使用swipeJs,但没有成功。这是js $(document).ready(function(){ Slider = $('.slide-container').Swipe().data('Swipe'); $('.next').on('click', Slider.next); $('.prev').on('click', Slider.prev); }); 还有html <ul

似乎无法让它工作尝试获得幻灯片功能为下一个和上一个滑块没有工作,当然滑动。我正在使用swipeJs,但没有成功。这是js

$(document).ready(function(){
    Slider = $('.slide-container').Swipe().data('Swipe');
    $('.next').on('click', Slider.next);
    $('.prev').on('click', Slider.prev);
});
还有html

<ul class="slides family animated">
        <input type="radio" name="radio-btn" id="img-1" checked />
        <li class="slide-container">
            <div class="slideM">
                <div id="company-title" class="animated pulse"><h2>title</h2></div></br>
<p class="animated bounceInLeft">content.</p>

<p class="box animated four flipInX boxGreen">content</p>
            </div>
            <div class="nav">

                <label for="img-2" class="next">&#x203a;</label>
            </div>
        </li>

        <input type="radio" name="radio-btn" id="img-2" />
        <li class="slide-container">
            <div class="slideM">
               <div id="family">
<p class="add-anim-up">content</p> </div></div>
 <div class="nav">
                <label for="img-1" class="prev">&#x2039;</label>
                <label for="img-3" class="next">&#x203a;</label>
            </div>
        </li>   
</ul>    
  • 头衔
    内容

    内容

    ›;
  • 内容 ‹; ›;


data()
从文档的外观上看,不会返回swipe实例,它根本不是swipe API的一部分。如果是jQuery-one,它将不会返回prev和next方法所在的内容。如果您输出Slider.prev/next,是否未定义?我很抱歉不知道您的意思,您能解释一下吗?如果它与html prev和next相关,它们是在css中定义的,并且在没有滑动的情况下工作,当然
Slider.next
与您的JS代码一样。正如在insert
console.log(Slider.next)
中一样,检查控制台的输出。将jquery语句中提到的代码放在这篇文章的顶部,并使用开发人员工具查看它的输出,那里什么都没有,不能在触摸设备上使用开发人员工具