取消绑定/将新的点击事件绑定到RoyalSlider Arrows

Question

以下脚本首先初始化Royalslider脚本，然后解除导航箭头上的默认点击事件并将其替换为新的点击事件。

我非常肯定代码本身是有用的，如fiddle所示。但是，在我的开发网站上它只是不起作用。控制台中没有错误，我尝试隔离此脚本以消除任何冲突，但没有成功。

JS

jQuery(document).ready(function($) {
    $('.slideshow').royalSlider({
        transitionType:'move',
        options:...
    });

        // Unbind default arrow click event
        $(".rsArrow.rsArrowLeft").off("click"); 
        $(".rsArrow.rsArrowRight").off("click");

        // Bind new functions to click event
        var slider = $('.slideshow').data('royalSlider');
        $(".rsArrow.rsArrowLeft").on("click", function(){
             slider.prev();
        });
        $(".rsArrow.rsArrowRight").on("click", function(){
             slider.next();
        });
        $(".rsArrowDisabled").on("click", function() {
             slider.goTo(0);
        });

});