JQuery nstSlider是一個jQuery插件,它提供了一個可拖動的滑塊,用于選擇數(shù)字或范圍。該插件是跨瀏覽器兼容的,支持多種自定義選項。
$('#slider').nstSlider({ "left_grip_selector": ".leftGrip", "right_grip_selector": ".rightGrip", "value_bar_selector": ".bar", "value_changed_callback": function(cause, leftValue, rightValue) { console.log(cause); console.log(leftValue); console.log(rightValue); } });
在上面的代碼中,我們選擇了一個ID為slider的HTML元素,并將nstSlider應(yīng)用于它。我們指定了左右滑塊的選擇器,以及值條的選擇器。
一個有趣的特性是value_changed_callback回調(diào)函數(shù)。每當(dāng)滑塊的值改變時,都會調(diào)用它,并將原因(鍵盤、鼠標(biāo)或初始化)、左滑塊的值和右滑塊的值作為參數(shù)傳遞進(jìn)去。
$("#slider").nstSlider("highlight_range", 20, 80);
高亮區(qū)間是該插件的另一個功能。您可以指定要高亮的百分比范圍,這在處理大量數(shù)據(jù)時非常有用。
JQuery nstSlider是一個強(qiáng)大的工具,它可以用于許多需要數(shù)字或范圍選擇的情況。它易于使用,并且有許多自定義選項可用。