如何设置jquery移动滑块的宽度

Question

myScroller.scoller("refresh", {width:5}); would be fantastic

这就是我所拥有的.这工作得很好(有点关闭,但拧它).问题是小滑块球认为它具有整个原始宽度,因此它从杆上滑落.

$.each($(":jqmData(role=fieldcontain) > div[class~='ui-slider']"), function () {
    var slider = $(this);
    slider.css("width", (slider.width() - 16) + "px !important");
});

Answer 1

您可以选择滑块小部件并在没有循环的情况下设置它们的宽度:

//set all slider widgets to 250px wide
$('.ui-slider').width(250);

//set all slider widgets to 50% wide
$('.ui-slider').width('50%');

//set all slider widgets to 25px less than their current width
$('.ui-slider').width(function (i, old_width) {
    return old_width - 25;
});

我会把这个代码放在一个pageinit像这样的处理程序中:

$(document).on('pageinit', '.ui-page', function () {
    $(this).find('.ui-slider').width(250);
});