javascript - JavaScript 中具有相同值的代码的简写

Question

我有这样的各种代码:

            $(function() {

            $('#slider1').carouFredSel({
                auto: false,
                infinite:false,                 
                circular:false,
                prev:'#prev1',
                next:'#next1',
                pagination:"#pager1",
                mousewheel:true,
                swipe: {
                    onMouse: true,
                    onTouch: true
                }
            });

        $('#slider2').carouFredSel({
                auto: false,
                infinite:false,                 
                circular:false,
                prev:'#prev2',
                next:'#next2',
                pagination:"#pager2",
                mousewheel:true,
                swipe: {
                    onMouse: true,
                    onTouch: true
                }
            });         
        });

      window.addEvent('domready', function(){<p></p>

    var container = document.id('container'),
    queuedElems = [];

    var sorter = new Fx.Sort($$('#container .sort'), {
    duration: '1000',
    transition: Fx.Transitions.Back.easeInOut,
    mode: 'vertical',
    onComplete: function(){
        displayDOM();
      }
   });

    displayDOM();

    document.id('swap').addEvent('click', function(event){
    event.stop();
    var elems = container.getChildren();
    sorter.swap(elems[0], elems[elems.length - 1]);
  });



    window.addEvent('domready', function(){

    var container = document.id('container2'),
    queuedElems = [];

    var sorter = new Fx.Sort($$('#container2 .sort'), {
    duration: '1000',
    transition: Fx.Transitions.Back.easeInOut,
    mode: 'vertical',
    onComplete: function(){
        displayDOM();
      }
  });

    displayDOM();

    document.id('swap2').addEvent('click', function(event){
    event.stop();
    var elems = container.getChildren();
    sorter.swap(elems[0], elems[elems.length - 1]);
  });

我希望它们以“速记”方式编写，因为每次每个代码中的设置都是相同的，只有 ID 名称发生变化(ID1、ID2...)。我不知道如何在 javascript 中执行此操作(仅在 css 中)。我唯一知道的是你需要“var”标签。

我想任何有一点知识的人都可以轻松做到。我自己尝试了很多组合但总是失败。举个例子就好了。难吗？

Answer 1

你可以做两件事:使用 , 通过 ID 选择多个元素，或分配一个公共(public)类 (.slider)

 $('#slider1, #slider2').carouFredSel({
            auto: false,
            infinite:false,                 
            circular:false,
            prev:'#prev1',
            next:'#next1',
            pagination:"#pager1",
            mousewheel:true,
            swipe: {
                onMouse: true,
                onTouch: true
            }
        });

或将设置存储到变量中

 var mySettings =  {
            auto: false,
            infinite:false,                 
            circular:false,
            prev:'#prev1',
            next:'#next1',
            pagination:"#pager1",
            mousewheel:true,
            swipe: {
                onMouse: true,
                onTouch: true
            }
        };
    $('#slider1').carouFredSel(mySettings);

    $('#slider2').carouFredSel(mySettings);