Question

出于某种原因，滑块不会改变值，我会继续＆＃34; Uncaught TypeError: Cannot set property 'opacity' of undefined＆＃34;浏览器控制台中的错误。

我只是想将不透明度的值从初始值1更改为滑块的值乘以.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中的滑块引导程序js和css插件。

Answer 1

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

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

Answer 2

您正在将jQuery与通用JavaScript相结合。

您需要更改此行：

$('.jpegcam_slider').style.opacity = (value*.01);

要从jQuery对象获取本机元素对象（使用[0]）：

$('.jpegcam_slider')[0].style.opacity = (value*.01);

或使用jQuery's built-in CSS method：

$('.jpegcam_slider').css({ opacity: value*.01 });

请参阅http://try.jquery.com和http://learn.jquery.com以了解基本知识。

无法使用Bootstrap滑块更改不透明度值

2 个答案: