Jquery UI:使用滑块更改元素不透明度

时间:2014-06-05 23:49:40

标签: opacity jquery-ui-slider

我来找你,因为Jquery滑块让我疯狂了几个小时,我会用它来改变我的div的不透明度。当我尝试添加:

slide: function(event, ui) {
    var canvas = $('#canvas');
    tooltip.text(ui.value);
    canvas.css('opacity', '' + ui.value + '');
},

手柄被阻挡,滑块停止工作。我正在使用我在这里找到的一段代码,但是当我开始编辑它时,一切都会中断。

以下是Jsfiddle链接:http://jsfiddle.net/remibenault/cqVPM/302/

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

以下是我在repositionTooltip函数中添加的代码行:

    $("#canvas").css("opacity",ui.value);

你可以在这里找到例子:http://jsfiddle.net/cqVPM/305/