Javascript滑块：如何在页面加载时设置默认不透明度

我正在使用javascript“slider”函数设置图像的不透明度

尽管我指定了“值：0.5”；但它所做的只是将滑块“bar”位置设置为0.5，实际上它不会将不透明度更改为0.5

页面加载时，默认不透明度始终为1.0。我可以单击滑块（位于0.5位置），它将应用0.5的值，但我想在页面加载时指定一个默认值（当然要将滑块设置为与之匹配）

$（文档）.ready（函数（）{
$（'#slider'）。slider（{
分:0,，
最高：1，
步骤：0.01，
数值：0.5，
方向：“水平”，
幻灯片：功能（e、ui）{
$（'#box'）.css（'opacity'，ui.value）
}                
})
});
#滑块{宽度：100px；}
#框{位置：绝对；顶部：40px；左侧：0px；z索引：-1；不透明度：0.5；}

我将使用jQuery fadeTo方法以独立于浏览器的方式操纵不透明度。 请参见此处：

首先在JavaScript控制台中直接在图像上尝试，如下所示

<img id="imageid" src="image.gif">
...
$('#imageid').fadeTo(0, 0.4);

...
$（'#imageid'）.fadeTo（0,0.4）；

---

还要检查您的事件，滑动时使用“幻灯片”，您可以使用“更改”或其他事件的处理程序使其正确。看这里：

我将使用jQuery fadeTo方法以独立于浏览器的方式操纵不透明度。 请参见此处：

首先在JavaScript控制台中直接在图像上尝试，如下所示

<img id="imageid" src="image.gif">
...
$('#imageid').fadeTo(0, 0.4);

...
$（'#imageid'）.fadeTo（0,0.4）；

还要检查您的事件，滑动时使用“幻灯片”，您可以使用“更改”或其他事件的处理程序使其正确。请看这里：

删除中的不透明度

 #box {position:absolute; top:40px; left:0px; z-index:-1; opacity:0.5;}

从您的样式中删除，然后尝试删除中的不透明度

 #box {position:absolute; top:40px; left:0px; z-index:-1; opacity:0.5;}

---

从您的样式，然后尝试它

您可以在滑块初始化$（“#滑块”）.slider（“选项”，“值”，0.7）后尝试

您可以在滑块初始化$（“#slider”）.slider（“选项”，“值”，0.7）后进行尝试

您是否尝试过

值：1

？我希望该值为0.5，但当页面加载时，实际不透明度始终为1.0，即使滑块处于0.5位置。您必须单击滑块才能将其设置为0.5。您可以在滑块初始化$（“#滑块”）。滑块（“选项”，“值”，0.7）后尝试；您是否尝试过

值：1

？我希望该值为0.5，但当页面加载时，实际不透明度始终为1.0，即使滑块处于0.5位置。您必须单击滑块才能将其设置为0.5。您可以在滑块初始化$（“#滑块”）。滑块（“选项”，“值”，0.7）后尝试；知道了！我把它放在：$（document）之后。准备好了（function（）{它工作了，谢谢！明白了！我把它放在：$（document）之后。准备好了（function（）{它工作了，谢谢！该.fadeTo工作了。仅供参考，更改该样式行中的不透明度没有效果。仅供参考，更改该样式行中的不透明度没有效果。