gpt4 book ai didi

javascript - jQuery-ui slider - 如何阻止两个 slider 相互控制

转载 作者:行者123 更新时间:2023-11-29 10:55:09 25 4
gpt4 key购买 nike

这是引用 question之前问过

这里的问题是,每个 slider 控制另一个。它会产生反馈。

我怎么可能阻止它?

$(function() {
$("#slider").slider({ slide: moveSlider2 });
$("#slider1").slider({ slide: moveSlider1 });
function moveSlider2( e, ui )
{
$('#slider1').slider( 'moveTo', Math.round(ui.value) );
}

function moveSlider1( e, ui )
{
$('#slider').slider( 'moveTo', Math.round(ui.value) );
}
});

最佳答案

这是一种 hack,但有效:

$(function () {
var slider = $("#slider");
var slider1 = $("#slider1");
var sliderHandle = $("#slider").find('.ui-slider-handle');
var slider1Handle = $("#slider1").find('.ui-slider-handle');

slider.slider({ slide: moveSlider1 });
slider1.slider({ slide: moveSlider });

function moveSlider( e, ui ) {
sliderHandle.css('left', slider1Handle.css('left'));
}

function moveSlider1( e, ui ) {
slider1Handle.css('left', sliderHandle.css('left'));
}
});

基本上,您可以通过直接操作 css 来避免反馈,而不是触发幻灯片事件。

关于javascript - jQuery-ui slider - 如何阻止两个 slider 相互控制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/293750/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com