jquery - 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);
});