同一页面上具有不同参数的JQuery脚本

我需要在同一页面上使用相同的JQuery脚本和不同的参数。 我的剧本是：

/*
 * Simple Image Slider
 * Read more at: http://stuff.nekhbet.ro/2009/06/23/simple-image-gallery-navigation-slider-plugin-in-jquery.html
 * Version: 1.0.1
 * Copyright (c) 2009 Trimbitas Sorin-Iulian
 * Free of use (personal and commercial) as long as you keep this header in the file
 * Requires: jQuery v1.3+
*/
;(function($) {

    var totalCount = 0,selector,options,firstPos = 0,isRunning = false;

    $.fn.simple_slider = function(settings) {
        settings = $.extend({}, $.fn.simple_slider.defaults, settings);
        selector = this.selector;
        options = settings;
        //get the number of images
        totalCount = $(selector + " img").size();
        //init
        _init();

        function _init(){
            //hide them all (with the exception of the first X images)
            $(selector + " img").each(function(i){
                if (i >= options.display){
                    this.style.display = "none";
                }
            });
            //put actions (onclick) on the buttons for navigation
            //left
            $("#" + options.leftID).click(function (){
                if (isRunning == false){
                    _goLeft();
                }
            });
            $("#" + options.leftID).hover(function (){
                $(this).addClass("simple_slider_hover");
                }, function (){
                $(this).removeClass("simple_slider_hover");
            });
            //right
            $("#" + options.rightID).click(function (){ 
                if (isRunning == false){
                    _goRight();
                }
            });
            $("#" + options.rightID).hover(function (){
                $(this).addClass("simple_slider_hover");
                }, function (){
                $(this).removeClass("simple_slider_hover");
            });
            $("#" + options.leftID).addClass("simple_slider_disabled");
            _checkNavigation();
        }

        function _goLeft(){
            isRunning = true;
            if (firstPos > 0){
                //remove the last one
                $(selector + " img:eq("+ (firstPos + options.display - 1) + ")").fadeOut("slow", function (){
                    firstPos--;
                    //add one from the beginning
                    $(selector + " img:eq("+ (firstPos) +")").fadeIn("slow",function(){
                        isRunning = false;
                        _checkNavigation();
                    });
                });             
            } else {
                isRunning = false;
            }
        }

        function _goRight(){
            isRunning = true;
            if (firstPos + options.display < totalCount){
                //remove the first one
                $(selector + " img:eq("+ firstPos +")").fadeOut("slow", function (){
                    firstPos++;
                    //add one from the end
                    $(selector + " img:eq("+ (firstPos + options.display - 1) +")").fadeIn("slow",function(){
                        isRunning = false;
                        _checkNavigation();
                    });
                });             
            } else {
                isRunning = false;
            }
        }

        function _checkNavigation(){
            //left
            if (firstPos == 0){
                $("#" + options.leftID).addClass("simple_slider_disabled");
            } else {
                $("#" + options.leftID).removeClass("simple_slider_disabled");
            }
            //right
            if ( (firstPos + options.display) >= totalCount){
                $("#" + options.rightID).addClass("simple_slider_disabled");
            } else {
                $("#" + options.rightID).removeClass("simple_slider_disabled");
            }
        }

    }

    $.fn.simple_slider.defaults = {
        display             :   4,
        leftID              :   null,
        rightID             :   null
    };

})(jQuery);

/*
*简单图像滑块
*更多信息请访问：http://stuff.nekhbet.ro/2009/06/23/simple-image-gallery-navigation-slider-plugin-in-jquery.html
*版本：1.0.1
*版权所有（c）2009 Trimbitas Sorin Iulian
*免费使用（个人和商业），只要您将此标题保留在文件中
*要求：jqueryv1.3+
*/
;（函数（$）{
var totalCount=0，选择器，选项，firstPos=0，isRunning=false；
$.fn.simple\u滑块=功能（设置）{
设置=$.extend（{}，$.fn.simple\u slider.defaults，settings）；
选择器=this.selector；
选项=设置；
//获取图像的数量
totalCount=$（选择器+“img”）.size（）；
//初始化
_init（）；
函数_init（）{
//全部隐藏（前X个图像除外）
$（选择器+“img”）。每个（功能（i）{
如果（i>=options.display）{
this.style.display=“无”；
}
});
//在导航按钮上放置操作（onclick）
//左
$（“#”+options.leftID）。单击（函数（）{
如果（isRunning==false）{
_高尔夫（）；
}
});
$（“#”+options.leftID）.悬停（函数（）{
$（this.addClass（“简单滑块悬停”）；
}，函数（）{
$（this.removeClass（“简单的滑动块悬停”）；
});
//对
$（“#”+options.rightID）。单击（函数（）{
如果（isRunning==false）{
_戈赖特（）；
}
});
$（“#”+options.rightID）。悬停（函数（）{
$（this.addClass（“简单滑块悬停”）；
}，函数（）{
$（this.removeClass（“简单的滑动块悬停”）；
});
$（“#”+options.leftID）.addClass（“简单滑块已禁用”）；
_检查导航（）；
}
函数_goLeft（）{
isRunning=true；
如果（第一个位置>0）{
//移除最后一个
$（选择器+“img:eq”（+（firstPos+options.display-1）+”）。淡出（“慢”，函数（）{
第一位--；
//从头开始添加一个
$（选择器+“img:eq”（+（firstPos）+”）.fadeIn（“慢”，函数（）{
isRunning=false；
_检查导航（）；
});
});             
}否则{
isRunning=false；
}
}
函数_goRight（）{
isRunning=true；
if（firstPos+options.display=totalCount）{
$（“#”+options.rightID）.addClass（“简单滑块已禁用”）；
}否则{
$（“#”+options.rightID）.removeClass（“简单滑块已禁用”）；
}
}
}
$.fn.simple\u slider.defaults={
显示：4，
leftID:null，
rightID:null
};
})（jQuery）；

在本页中，我尝试使用此选项，但仅在本页的最后一页中使用：

   <script>
    jQuery(document).ready(function($){
        $('#slide_interviu-special').show();
        $('#interviu-special_content').simple_slider({
            'leftID': 'leftNav',
            'rightID': 'rightNav',
            'display': 4
        });
        $('#slide_interviu-special_bottom').show();
        $('#interviu-special_bottom_content').simple_slider({
            'leftID': 'leftNav_bottom',
            'rightID': 'rightNav_bottom',
            'display': 8
        })
    });
    </script>

jQuery（文档）.ready（函数（$）{
$（'slide#interviu-special'）.show（）；
$（“#interviu-special_content”）。简单的_滑块({
“leftID”：“leftNav”，
“rightID”：“rightNav”，
“显示”：4
});
$（“#幻灯片#interviu-special#u bottom”）.show（）；
$（“#interviu-special_-bottom_-content”）。简单滑块({
“leftID”：“leftNav_bottom”，
“rightID”：“rightNav_底部”，
“显示”：8
})
});

是否存在所有元素，如

幻灯片\u interviu-special

等？ID拼写正确了吗？欢迎来到StackOverflow！请澄清一下您的问题，以便我们能够提供更好的帮助-“但工作只在最后一页”-您到底遇到了什么问题？是否有特定的错误消息（如果有，请包括它）？行为是否完全不符合预期（如果是，请描述它）？在以下位置重现错误也会有所帮助：