文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Jquery而不是动态更改CSS

问使用Jquery而不是动态更改CSS
EN

Stack Overflow用户

提问于 2015-12-31 08:54:09

回答 1查看 60关注 0票数 2

我有一个Jquery UI滑块和下拉菜单，基于选定的标签和选项标签。滑块更改CSS框的边框宽度(这可以动态地工作)。下拉菜单必须更改边框样式属性(这不能正常工作)。

更改选项时，更改不会像滑块那样立即显示，但下拉菜单中的更改会在移动滑块后显示

以下是滑块代码：

$(function() {
$("#border_slider").slider({
value: 0,
min: 0,
max: 20,
step: 1,
    slide: function( event, ui ) {
    $("#border_amount").val(ui.value );
    $("#plugin_previewbox").css("border", (ui.value) + "px "+$("#select-border").val()+" #000000");
    }
});
    $("#border_amount").val($("#border_slider").slider("value"));
});

下面是下拉选项的jquery：

$('#select-border').change(function() {
var BorderStyle = $(this).find('option:selected').attr('value');
$("#plugin_previewbox").removeAttr("border");
$("#plugin_previewbox").css("border", $("#border_amount").val() + "px " + BorderStyle + " #000000");
});

下拉列表中的HTML如下：

< select id="select-border" ><br>
< option selected="selected" value="solid" >solid< /option ><br>
< option value="dotted" >dotted< /option ><br>
< option value="dashed" >dashed< /option ><br>
... and so on....<br>
< /select >

你知道为什么这不起作用吗？

javascript

jquery

css

jquery-ui

回答 1

Stack Overflow用户

发布于 2015-12-31 22:36:18

它确实可以工作，但是边框的初始值是0。所以你看不到它。

将第一个border_slider值设置为1(甚至是10)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34539567

复制

相似问题

问使用Jquery而不是动态更改CSS
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery而不是动态更改CSSEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery而不是动态更改CSS
EN