如何设置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);
});