'引導滑塊'混淆jQuery插件體系結構

Question

我對jQuery插件相當陌生，但我不明白bootstrap-slider插件的體系結構。

創建滑塊時實際返回的內容是什麼？

var mySlider = $('.slider').slider({...}); 

我希望Slider類（對象），但我不能直接訪問它的方法，而不是我不得不這樣做：

mySlider.slider('setValue',4); 

我爲什麼要叫Slider的方法爲字符串，而不是直接？我會想到的是：

var mySlider = $('.slider').slider({...});? 
mySlider.setValue(4); 

我又是新來這個，難道是某種醜陋的格局還是我錯明白了嗎？有人可以請解釋嗎？

謝謝

Answer 1

顯然這個架構的靈感來源於How to create a jQuery plugin with methods?。

恕我直言，這是非常糟糕的架構。它很容易出錯，不能用強類型（使用TypeScript）或在編譯時檢查完整性。我們不用字符串編寫代碼是有原因的。

Answer 2

基本上你可以調用選擇器上的匿名jQuery函數。當你調用$（'。slider'）時，你正在創建一個存儲方法和參數的jQuery對象。

JQuery插件模式是一個很好的開始。我會用@addyosmani結帳這篇文章 http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/