jQuery UI Silder 不透明度动态值

发布于 2024-11-04 14:45:45 字数 415 浏览 4 评论 0原文

我正在使用 jQuery Ui 滑块。我希望滑块能够检测正在单击的 div 的不透明度并将其设置为初始滑块值。

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
});

$('#slider').slider({
    value: $('.selected').css('opacity'),
    min: 0,
    max: 1,
    step: 0.05,
    slide: function(event, ui) {
        $('.selected').css({
            'opacity': ui.value
        })
    }
});

原文

I'm using jQuery Ui slider. I want the slider to detect the opacity of the div being clicked on and set that as the initial slider value.

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
});

$('#slider').slider({
    value: $('.selected').css('opacity'),
    min: 0,
    max: 1,
    step: 0.05,
    slide: function(event, ui) {
        $('.selected').css({
            'opacity': ui.value
        })
    }
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

栖竹 2024-11-11 14:45:45

将您的点击功能更改为：

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
    $("#slider").slider("value", $(this).css('opacity'));
});

Change your click function to be:

$('.test').click(function() {
    $('.test').removeClass('selected');
    $(this).addClass('selected')
    $("#slider").slider("value", $(this).css('opacity'));
});

回复收藏 0 原文

~没有更多了~