創建一個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); 
      }); 
     }); 
    }); 
}); 

只要確保設置變量的範圍是好的，以便您可以在兩個地方訪問它。