jQuery只读滑块-怎么办?

2021/01/31 10:51 · jquery ·  · 0评论

我如何拥有只读的jQuery滑块?一个会显示一个值但不允许用户移动它的值?

谢谢

文档说有一个.slider('disable')功能-不确定对滑块元素本身的实际作用,但这可能是您的选择。

这里的文件

我尝试了所有建议。仅此有效:

$('#mySlider').slider({ disabled: true });

禁用它使其透明。如果希望它看起来像普通的滑块,则可以覆盖滑块处理程序以返回false:

    $("#mySlider").on("slide", function (event, ui) { return false; });

我有一个同样的问题,即如果我直接使用$('#mySlider')。slider('disable');,滑块会消失。我已加载滑块fisrt ..然后将其禁用。虽然这不是一个好方法,但是对我有用。

$('#mySlider').slider(
            {
                range: "min",
                min: 0,
                max: 100,                
                value: $("span", this).text(), 

                }

            });
$('#mySlider').slider( 'disable');

您只需要这样做:

$('#mySlider').slider( 'disable' );

$("#slider").slider("disable") 正常,但是重新启用无效 $("#slider").slider("enable")

我今天有一个客户要求。将其作为最佳实践并防止字符串输入可能是个好主意。

由于滑块在<input>标记中设置值,因此可以将其设置为“只读”。

<p>
  <label for="amount">Price range:</label>
  <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" readonly />
</p>

<div id="slider-range"></div>

小提琴

本文地址:http://jquery.askforanswer.com/jqueryzhiduhuakuai-zenmeban.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!