问答详情
源自:3-8 微调按钮插件——spinner

上拉下拉按钮的背景图片不显示

http://img.mukewang.com/58d386e200015b7b02220086.jpg

 <script type="text/javascript">

$(function() {

//定义变量

var intR = 0,

intG = 0,

intB = 0,

strColor;

// $("#input").each(function(index) {

// $(this).spinner({

$("input").spinner({

//初始化插件

max: 10,

min: 0,

//设置微调按钮递增/递减事件

spin: function(event, ui) {

if(ui.value == 8)

spnPrev.style.backgroundColor = "red";

else

spnPrev.style.backgroundColor = "green";

//setSpanColor(index, ui.value);

},

//设置微调按钮值改变事件

change: function(event, ui) {

var intTmp = $(this).spinner("value");

if(intTmp < 0) $(this).spinner("value", 0);

if(intTmp > 10) $(this).spinner("value", 10);

if(intTmp == 8)

spnPrev.style.backgroundColor = "red";

else

spnPrev.style.backgroundColor = "green";

//setSpanColor(index, $(this).spinner("value"));

}

});

});

</script>


提问者:yang毛线 2017-03-23 16:29

个回答

  • 梦飞翔2
    2017-03-24 16:03:22

    按钮的html代码是“<span id="spnPrev" class="prev fr"></span>”通过js进行加载