Jquery Mobile滑动并单击

Question

我正在尝试为我已经工作的滑动代码添加下一个按钮。但它没有做我想做的事情，也就是通过点击它也会移动到下一页。 在这里看到我的代码的一部分

<script>
$(document).ready(function(){
    $(document).on("swipeleft", 'div.ui-page', function(){
        var nextpage = $(this).next('div[data-role="page"]');
        if (nextpage.length > 0) {
            $.mobile.changePage(nextpage, {transition:"slide"}, false, true);
        }
    });
    $(document).on("swiperight", 'div.ui-page', function(){
        var prevpage = $(this).prev('div[data-role="page"]');
        if (prevpage.length > 0) {
            $.mobile.changePage(prevpage, {transition: "slide",
            reverse: true}, true, true);
        }
    });
    $("nextBtn").on("click",function() {
        var nextpage = $(this).next('div[data-role="page"]');
        $.mobile.changePage(nextpage, {transition:"none"}, false, true);
    });
}); 
</script>