滑块上的滑动功能

时间:2015-06-29 17:59:17

标签: javascript jquery

似乎无法让它正在尝试获得下一个滑动功能,并且prev滑块确实可以正常工作而无需滑动。我使用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>    

0 个答案:

没有答案