0

HTML コンテンツ スライドで jQuery Cycle2 を使用しています。jQuery click() イベントでバインドしたいスライド内の要素を除いて、すべて正常に動作します。デスクトップ PC ではイベントが発生しますが、タッチ デバイスでは発生しません。

            <div class="slider_wrapper cycle-slideshow" 
                data-cycle-fx="scrollHorz" 
                data-cycle-timeout="5000"
                data-pause-on-hover="true"
                data-cycle-swipe="true"
                data-cycle-prev="article section.slider .slider_wrapper .prev"
                data-cycle-next="article section.slider .slider_wrapper .next"
                data-cycle-slides="> div.slide">

                <div class="prev"></div>
                <div class="next"></div>
                <div class="cycle-pager"></div>

                <div class="slide">

                    <div class="image">
                        <div class="copyright"></div>
                    </div>

                    <div class="text">
                        <div class="wrapper">

                            <h2>Title</h2>

                            <p>Some text</p>

                            <p><a class="more">Read More &raquo;</a></p>

                        </div>
                    </div>
                </div>

            </div>

だから私がやりたいことは、 a.more -link をバインドすることです:

            $(".more").click(function() {   
// do something
            });

しかし、これはタッチデバイスには影響しません!

4

1 に答える 1