如何使jQuery Mobile滑块的输入框非交互式

Question

我想让jQuery Mobile滑块输入框左侧的输入框为只读。现在，当用户点击窗口小部件的输入框时，会发生这种情况：

我知道如何让输入框完全消失：

$("#yourPage").live("pageinit", function() {
    $(".ui-slider-input").hide();
});

但是我想让它保持并更新滑块的值，而无需用户与之交互，只有滑块手柄和滑块轨道。

Answer 1

您可以使用只读或禁用功能

$(".ui-slider-input").prop("readonly",true);

$('.ui-slider-input').attr("disabled", true)