如何在jQuery Slider插件中設置一個參數（寬度）

我正在使用這個jQuery Slider plugin，我必須設置一個像設置寬度一樣的寬度，在這個插件中我完全卡在這一個請幫我解決這個問題如何在jQuery Slider插件中設置一個參數（寬度）

2013-01-03 Sunith Saga

滑塊取父節點的寬度。所以將輸入的容器所需的寬度

<div class="span8"> 
    <input id="SliderSingle" type="slider" name="price" value="20" /> 
</div>

CSS

.span8 { 
     width:500px; 
}

編輯如果你想定製the source你應該在管線154

settings: { 
    from: 1, 
    to: 10, 
    step: 1, 
    smooth: true, 
    limits: true, 
    round: 0, 
    format: { format: "#,##0.##" }, 
    value: "5;7", 
    width: '100%', // add this line 
    dimension: "" 
},

，並在加線237

this.domNode.css('width', this.OPTIONS.settings.width); 
this.inputNode.after(this.domNode);

（未經測試）

來源

2013-01-03 10:24:46

是我做相同的，如果我們在一個頁面中增加更多的滑塊，我們應該設置寬度無論是在HTML/CSS我們可以做一個它的庫，因爲我試圖自定義滑塊，如果你能告訴我增加額外的參數到這個插件 –

你想修改插件的來源嗎？ –

是的，我想自定義代碼 –

你應該jslider類的CSS設置爲想要的寬度，這就是我所做的，當我用同樣的插件。

來源

2013-01-03 10:27:32 ParPar

是的，我做同樣的，如果我們在一個頁面中添加更多的滑塊，我們應該在HTML/CSS中設置寬度我們可以做一個它的庫，因爲我想自定義滑塊，如果你可以請告訴我添加額外的參數到這個插件 –

我不知道插件是如何工作的，我不認爲你可以使用這個參數來做到這一點，但我有幾個不同寬度的滑塊，因爲每個都在另一個div：'.bigger .jslider {width：500px;} .smaller .jslider {width：40px;}' – ParPar

它確定如果我得到我會發布你感謝很多... –

如何在jQuery Slider插件中設置一個參數（寬度）

回答

相關問題