javascript - 无法使用 Bootstrap slider 更改不透明度值

Question

由于某种原因， slider 不会更改值，我在浏览器控制台中不断收到“Uncaught TypeError: Cannot set property 'opacity' of undefined”错误。

我只想将不透明度的值从初始值 1 更改为 slider 的值乘以 .01.....

我的脚本如下:

<div id="jpegcam" class="jpegcam_slider" style="opacity: 1; z-index: 1; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 239px"></div>

<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="100"/>
            <script>
                $('#ex1').slider({
                    formater: function(opacity) {
                        return 'Current value: ' + opacity;
                    }
                });
                $('#ex1').on('slide', function(value)
                {
                    $('.jpegcam_slider').style.opacity = (value*.01);
                });
            </script>

在 Google 和论坛上查找了一两个小时，但没找到...

我做错了什么？谢谢

PS 我正在使用来自 here 的 slider Bootstrap js 和 css 插件.

Answer 1

您可以使用 css() 代替，因为 $('.jpegcam_slider') 是一个 jQuery 对象:

$('.jpegcam_slider').css('opacity', value*.01);