[英]jquery-ui not applying css
I am trying to create a jquery slider, but jquery-ui css is not being applied to a div at all. 我正在尝试创建一个jquery滑块,但是jquery-ui css根本没有应用于div。 Any help will be appreciated! 任何帮助将不胜感激!
var dummy = document.createElement('div')
dummy.innerHTML = 'dummy'
var wRange = document.createElement('div')
wRange.setAttribute('id', 'range')
wRange.classList.add('cntr')
$("#range").slider({
range: "min",
min: 0,
max: 999,
value: 50,
slide: function(e, ui) {
return $(".ui-slider-handle").html(ui.value)
}
})
$(".ui-slider-handle").html("50")
document.body.appendChild(dummy)
document.body.appendChild(wRange)
You're selecting elements 您正在选择元素
$("#range")slider({...});
$(".ui-slider-handle").html("50");
before they appended to body, so jQuery can't find them in a DOM. 在它们附加到主体之前,因此jQuery在DOM中找不到它们。
Do that: 去做:
document.body.appendChild(dummy)
document.body.appendChild(wRange)
$("#range").slider({
range: "min",
min: 0,
max: 999,
value: 50,
slide: function(e, ui) {
return $(".ui-slider-handle").html(ui.value)
}
})
$(".ui-slider-handle").html("50")
Or jQuery style way: 或jQuery样式方式:
var dummy = $('<div>').html('dummy');
var wRange = $('<div>')
.attr('id','range')
.addClass('cntr')
.slider({
range: "min",
min: 0,
max: 999,
value: 50,
slide: function(e, ui) {
return $(".ui-slider-handle").html(ui.value)
}
});
$(document.body).append(dummy, wRange);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.