Javascript 如何获取触发更改事件的引导滑块的父级
我有两个引导滑块,已初始化并准备就绪。我已将更改事件附加到它们,但我无法获取正在更改的滑块,因为更改事件给了我一个包含newValue和oldValue的对象我需要获取event.target以查找触发更改事件的滑块的父级。 以下是我目前掌握的代码: HTML固定装置Javascript 如何获取触发更改事件的引导滑块的父级,javascript,jquery,twitter-bootstrap,bootstrap-slider,Javascript,Jquery,Twitter Bootstrap,Bootstrap Slider,我有两个引导滑块,已初始化并准备就绪。我已将更改事件附加到它们,但我无法获取正在更改的滑块,因为更改事件给了我一个包含newValue和oldValue的对象我需要获取event.target以查找触发更改事件的滑块的父级。 以下是我目前掌握的代码: HTML固定装置 <div class="container-fluid"> <div class="slider-container"> <span id="slide-label">Example
<div class="container-fluid">
<div class="slider-container">
<span id="slide-label">Example slider label</span>
<input class="slide" id="slide_1" type="text" />
</div>
</div>
<div class="container-fluid">
<div class="slider-container">
<span id="slide-label">Example slider label</span>
<input class="slide" id="slide_2" type="text" />
</div>
</div>
滑块标签示例
滑块标签示例
JS
let slide_arr = [
{
id: 'slide_1',
min: 1,
max: 4,
step: 1,
value: 1,
tooltip: "hide",
ticks: [1, 2, 3, 4],
ticks_labels: ["item a", "item b", "item c", "item d"]
},
{
id: 'slide_2',
min: 1,
max: 4,
step: 1,
value: 1,
tooltip: "hide",
ticks: [1, 2, 3, 4],
ticks_labels: ["item 1", "item 2", "item 3", "item 4"]
}];
let slider_instance = [];
for (let index = 0; index < slide_arr.length; index++) {
const slide_obj = slide_arr[index];
slider_instance[index] = new Slider(`#${slide_obj.id}`, slide_obj);
}
for (let index = 0; index < slider_instance.length; index++) {
const slider = slider_instance[index];
slider.on('slideStart', function (e) {
console.log('slideStart')
console.log(e);
});
slider.on('slideStop', function (e) {
console.log('slideStop')
console.log(e);
});
slider.on('change', function (e) {
console.log('change')
console.log(e);
});
slider.on('slide', function (e) {
console.log('slide')
console.log(e);
});
}
let slide\u arr=[
{
id:“幻灯片1”,
民:1,,
最高:4,
步骤:1,
价值:1,
工具提示:“隐藏”,
滴答声:[1,2,3,4],
标记标签:[“a项”、“b项”、“c项”、“d项”]
},
{
id:“幻灯片2”,
民:1,,
最高:4,
步骤:1,
价值:1,
工具提示:“隐藏”,
滴答声:[1,2,3,4],
标记标签:[“第1项”、“第2项”、“第3项”、“第4项”]
}];
让slider_instance=[];
对于(让索引=0;索引
我尝试了很多活动,但都没有起到作用
我已经演示了这个问题。要获得您正在更改的目标,您可以使用
滑块。$element
和滑块。$sliderElem
slider.on('change', function(e) {
// I think this is what you actually want (#slide_1 or #slide_2)
console.log(slider.$element)
console.log(slider.$sliderElem) // This is the horizontal slider
});
这里有一个请阅读-总结是,这不是一个向志愿者致辞的理想方式,并且可能会对获得答案产生反作用。请不要将此添加到您的问题中。谢谢您的编辑。我已经对上述内容进行了修改。您能提供相关文档吗?引导滑块文档没有提到这一点。因为我需要知道它是如何工作的。当我面对同样的问题时,我没有找到文档。所以我只是检查了我能找到的每一个变量来搜索我需要的信息。但是我想如果你有足够的耐心和时间,你可以在It对我也有效的网站上找到这些。我只是希望文档能更有用。你有没有遇到过slider.js中的标签CSS在slider初始化时无法加载的问题?