创建一个jQuery函数调用另一个已经存在的功能与自定义变量

Question

我有这个功能

$(window).load(function() { 
    $("#slider").carouFredSel({ 

     items: { 
      visible: 1, 
      width: "auto" 
     }, 
     auto: false, 
     scroll: { 
      fx: "fade", 
      duration: "1500" 
     }, 
     prev: { 
      button: ".prev", 
      key: "left" 
     }, 
     next: { 
      button: ".next", 
      key: "right" 
     } 
    }); 

    var ratio = 1; 
     $(window).resize(function() { 
     var s = $("#slider"); 
     s.add(s.parent()).height(s.children().first().height() * ratio) 
    }); 

    $("#slider").trigger("updateSizes"); 

}); 

我已经改变了默认值来定义我的滑块。我正在使用在HTML页面中调用的导航菜单，如下所示。

$("#graphic").click(function() { 
     $("#slider").fadeOut(1000, function() { 
      $("#slider").load("graphic.html", function() { 
       $("#slider").fadeIn(1000, function() { 
        $("#slider").carouFredSel(); 
       }); 
      }); 
     }); 
    }); 

我的问题是，当我回想.carouFredSel（）时，我得到它的默认设置。我想要做的是能够创建一个函数.mySlider（），该函数读取上述函数及其自定义变量。

这是否有任何意义？

Answer 1

这可能不是关于创建另一个函数，而是关于您面临的问题，为什么不尝试将设置存储在变量中，并在调用.carouFredSel（）的两个地方使用它。下面是我的意思：

var settings={ 

    items: { 
     visible: 1, 
     width: "auto" 
    }, 
    auto: false, 
    scroll: { 
     fx: "fade", 
     duration: "1500" 
    }, 
    prev: { 
     button: ".prev", 
     key: "left" 
    }, 
    next: { 
     button: ".next", 
     key: "right" 
    } 
} 

和$（winodw）.load（）使用如下：

$(window).load(function() { 
$("#slider").carouFredSel(settings); //continue rest.... 

而且也是在$（ “＃图形”）点击（）功能使用设置变量如下：

$("#graphic").click(function() { 
    $("#slider").fadeOut(1000, function() { 
     $("#slider").load("graphic.html", function() { 
      $("#slider").fadeIn(1000, function() { 
       $("#slider").carouFredSel(settings); 
      }); 
     }); 
    }); 
}); 

只要确保设置变量的范围是好的，以便您可以在两个地方访问它。