从jquery访问html元素（rhinoslider）

我正在使用页面滑块。我想用我自己的按钮来滑动页面，因为我想把我的按钮作为页脚，所以它会停留在底部屏幕上。到目前为止，我一直在尝试破解js，但仍然无法做到这一点

下面是我要自定义的html和rhinoslider.js文件中的一段代码：

html文件：

<nav class="navbar navbar-fixed-bottom">
  <div class="container">
    <div class="row control_panel">
        <div class="col-md-6 col-xs-6">
            <!--input class="rhino-btn rhino-prev" type="button" id="prev_btn" style="float: left"-->
            <button id="prev_btn" class="rhino-btn rhino-prev" style="float: left"></button>
        </div>
        <div class="col-md-6 col-xs-6">
            <!--input class="rhino-btn rhino-next" type="button" id="next_btn" style="float: right"-->
            <button id="next_btn" class="rhino-btn rhino-next" style="float: right"></button>
        </div> 
    </div>   
  </div>
</nav>

    //init function
    init = function ($slider, settings, vars) {
        settings = setUpSettings(settings);

        $slider.wrap('<div class="' + vars.prefix + 'container">');
        vars.container = $slider.parent('.' + vars.prefix + 'container');
        vars.isPlaying = settings.autoPlay;

        //the string, which will contain the button-html-code
        var buttons = '';

        //add prev/next-buttons
        if (settings.controlsPrevNext) {
            vars.container.addClass(vars.prefix + 'controls-prev-next');
            buttons = '<a class="' + vars.prefix + 'prev ' + vars.prefix + 'btn">' + settings.prevText + '</a><a class="' + vars.prefix + 'next ' + vars.prefix + 'btn">' + settings.nextText + '</a>';
            vars.container.append(buttons);

            vars.buttons.prev = vars.container.find('.' + vars.prefix + 'prev');
            vars.buttons.next = vars.container.find('.' + vars.prefix + 'next');

            //add functionality to the "prev"-button
            vars.buttons.prev.click(function () {
                prev($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            **//this bit is where i want to access my custom id
            // and give it a same functionality as rhino button**
            $('#prev_btn').click(function () {
                prev($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            //add functionality to the "next"-button
            vars.buttons.next.click(function () {
                next($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            **//this bit is where i want to access my custom id
            // and give it a same functionality as rhino button**
            $('#next_btn').next.click(function () {
                next($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });                 
        }

和rhinoslider的js文件：

<nav class="navbar navbar-fixed-bottom">
  <div class="container">
    <div class="row control_panel">
        <div class="col-md-6 col-xs-6">
            <!--input class="rhino-btn rhino-prev" type="button" id="prev_btn" style="float: left"-->
            <button id="prev_btn" class="rhino-btn rhino-prev" style="float: left"></button>
        </div>
        <div class="col-md-6 col-xs-6">
            <!--input class="rhino-btn rhino-next" type="button" id="next_btn" style="float: right"-->
            <button id="next_btn" class="rhino-btn rhino-next" style="float: right"></button>
        </div> 
    </div>   
  </div>
</nav>

    //init function
    init = function ($slider, settings, vars) {
        settings = setUpSettings(settings);

        $slider.wrap('<div class="' + vars.prefix + 'container">');
        vars.container = $slider.parent('.' + vars.prefix + 'container');
        vars.isPlaying = settings.autoPlay;

        //the string, which will contain the button-html-code
        var buttons = '';

        //add prev/next-buttons
        if (settings.controlsPrevNext) {
            vars.container.addClass(vars.prefix + 'controls-prev-next');
            buttons = '<a class="' + vars.prefix + 'prev ' + vars.prefix + 'btn">' + settings.prevText + '</a><a class="' + vars.prefix + 'next ' + vars.prefix + 'btn">' + settings.nextText + '</a>';
            vars.container.append(buttons);

            vars.buttons.prev = vars.container.find('.' + vars.prefix + 'prev');
            vars.buttons.next = vars.container.find('.' + vars.prefix + 'next');

            //add functionality to the "prev"-button
            vars.buttons.prev.click(function () {
                prev($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            **//this bit is where i want to access my custom id
            // and give it a same functionality as rhino button**
            $('#prev_btn').click(function () {
                prev($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            //add functionality to the "next"-button
            vars.buttons.next.click(function () {
                next($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });

            **//this bit is where i want to access my custom id
            // and give it a same functionality as rhino button**
            $('#next_btn').next.click(function () {
                next($slider, settings);

                //stop autoplay, if set
                if (settings.autoPlay) {
                    pause();
                }
            });                 
        }

//初始化函数
init=函数（$slider、settings、vars）{
设置=设置设置（设置）；
$slider.wrap（“”）；
vars.container=$slider.parent（'.'+vars.prefix+'container'）；
vars.isplay=settings.autoPlay；
//字符串，其中将包含按钮html代码
var按钮=“”；
//添加上一个/下一个按钮
if（settings.controlsPrevNext）{
vars.container.addClass（vars.prefix+'controls prev next'）；
按钮=“”+settings.prevText+“”+settings.nextText+“”；
vars.container.append（按钮）；
vars.buttons.prev=vars.container.find（'.'.+vars.prefix+'prev'）；
vars.buttons.next=vars.container.find（'.'+vars.prefix+'next'）；
//将功能添加到“prev”-按钮
vars.buttons.prev.click（函数（）{
上一页（$slider，settings）；
//如果已设置，则停止自动播放
如果（设置。自动播放）{
暂停（）；
}
});
**//此位是我要访问自定义id的位置
//并赋予它与rhino按钮相同的功能**
$（'#prev_btn'）。单击（函数（）{
上一页（$slider，settings）；
//如果已设置，则停止自动播放
如果（设置。自动播放）{
暂停（）；
}
});
//向“下一步”按钮添加功能
变量。按钮。下一步。单击（函数（）{
下一步（$slider，settings）；
//如果已设置，则停止自动播放
如果（设置。自动播放）{
暂停（）；
}
});
**//此位是我要访问自定义id的位置
//并赋予它与rhino按钮相同的功能**
$（'#next_btn'）。下一步。单击（函数（）{
下一步（$slider，settings）；
//如果已设置，则停止自动播放
如果（设置。自动播放）{
暂停（）；
}
});                 
}

可以这样做吗？

根据，您可以使用自己的按钮并调用API函数

 $('#slider').data('rhinoslider').pause();
 $('#slider').data('rhinoslider').play();
 $('#slider').data('rhinoslider').prev();
 $('#slider').data('rhinoslider').next();

---

您可以指定按钮

onClick

来运行这些功能

这正是我所期望的。感谢u dvhh为我指路！：）