Jquery jshowoff滑块-在滑动时添加更改滑块

我想增加通过swipeleft或swiperight在移动设备上更改幻灯片的机会。我的站点使用jshowoff作为slider，我还添加了jQuery Mobile Touch事件，所以滑动事件已经可以工作了

我的问题是，如何在滑动事件上实现幻灯片更改？ 我的HTML：

现在我不知道如何实现其余的。我尝试过这样的方法：（我在其他地方使用了滑动事件，效果很好），但现在我在调用滑动时更改幻灯片的函数时遇到了问题。我不知道怎么称呼它

var slide = $("#slides").jshowoff();
if (screen.width < 769) {
     $("#slides").on('swipeleft', function () { 
            slide.next();
     });
$("#slides").on('swiperight', function () { 
            slide.previous();
     });
}

var slide=$（“#slides”）.jshowoff（）；
如果（屏幕宽度<769）{
$（“#幻灯片”）.on（'swipleft'，function（）{
幻灯片。下一页（）；
});
$（“#幻灯片”）.on（'swiperight'，function（）{
幻灯片.previous（）；
});
}

我希望滑动事件与箭头上的单击事件一样工作：

 function addControls() {
            $wrap.append('<p class="jshowoff-controls ' + uniqueClass + '- 
controls"><a class="jshowoff-play ' + uniqueClass + '-play" href="#null">' + 
config.controlText.pause + '</a> <a class="jshowoff-prev ' + uniqueClass + '-prev" href="#null">' + config.controlText.previous + '</a> <a class="jshowoff-next ' + uniqueClass + '-next" href="#null">' + config.controlText.next + '</a></p>');
            $('.' + uniqueClass + '-controls a').each(function () {
                if ($(this).hasClass('jshowoff-play')) $(this).click(function () {
                    isPlaying() ? pause('playBtn') : play();
                    return false;
                });
                if ($(this).hasClass('jshowoff-prev')) $(this).click(function () {
                    previous();
                    return false;
                });
                if ($(this).hasClass('jshowoff-next')) $(this).click(function () {
                    next();
                    return false;
                });
            });
        };

函数addControls（）{
$wrap.append（“
”）；
$（'.'.+uniqueClass+'-控件a'）。每个（函数（）{
if（$（this）.hasClass（'jshowoff-play'））$（this）.单击（函数（）{
i播放（）？暂停（'playBtn'）：播放（）；
返回false；
});
if（$（this）.hasClass（'jshowoff-prev'））$（this）.单击（函数（）{
先前的（）；
返回false；
});
if（$（this）.hasClass（'jshowoff-next'））$（this）.单击（函数（）{
next（）；
返回false；
});
});
};

---

我是JS新手，因此我非常感谢您的帮助…

请尝试此代码，我希望它能帮助您：

var slide = $("#slides");
if (screen.width < 769) {

  slide.on('swipeleft', function (e) { 
    e.preventDefault();
    slide.slideIt({direction:"left"});
  });

  slide.on('swiperight', function (e) {
    e.preventDefault(); 
    slide.slideIt({direction:"right"});
  });
}

var slide=$（“#slides”）；
如果（屏幕宽度<769）{
slide.on（'swipleft'，函数（e）{
e、 预防默认值（）；
slideIt.slideIt（{方向：“左”}）；
});
滑盖打开（'swiperight'，功能（e）{
e、 预防默认值（）；
slideIt.slideIt（{方向：“右”}）；
});
}

我用另一种方法解决了这个问题，滑块上也有箭头，所以在swipeleft事件中，我只需单击“下一步箭头”，它就可以正常工作了

$(document).on('swipeleft', '#slides', function () {
    $('.jshowoff-next').click();
})
$(document).on('swiperight', '#slides', function () {
    $('.jshowoff-prev').click();
});

---

我用另一种方法解决了这个问题，滑块也有箭头，所以在swipeleft事件中，我只需单击“下一步箭头”，它就可以正常工作。

var slide = $("#slides");
if (screen.width < 769) {

  slide.on('swipeleft', function (e) { 
    e.preventDefault();
    slide.slideIt({direction:"left"});
  });

  slide.on('swiperight', function (e) {
    e.preventDefault(); 
    slide.slideIt({direction:"right"});
  });
}

$(document).on('swipeleft', '#slides', function () {
    $('.jshowoff-next').click();
})
$(document).on('swiperight', '#slides', function () {
    $('.jshowoff-prev').click();
});