jQuery Mobile,禁用滑块问题

时间:2014-07-28 19:43:47

标签: javascript jquery jquery-mobile frontend

我正在使用jQuery Mobile 1.4.3,我遇到了禁用属性的问题。当我将属性disabled更改为false时,滑块无法更改。

 $("#obj").prop("disabled",false); 

有关如何解决此问题的任何建议?也许改变jQueryMobile.js的某些部分或什么?请注意,如果您在小提琴中禁用jQuery Mobile,它可以正常工作。

这是小提琴:http://jsfiddle.net/madroneropaulo/AUDtj/2/

3 个答案:

答案 0 :(得分:0)

禁用的属性在存在时处于活动状态。将其设置为false什么都不做,将其设置为true什么也不做。因此,要执行此操作,您需要删除该属性。

$("#obj").removeAttr('disabled');

并禁用再次运行,

$("#obj").attr('disabled', 'disabled');

答案 1 :(得分:0)

如果您正在使用jQuery Mobile滑块,则可以使用本机方法。

$("#first").click(function () {
    $("#slider-1").slider('disable');
});
$("#second").click(function () {
    $("#slider-1").slider('enable');
});

这是一个JSFiddle示例。

可在此处找到更多信息:http://demos.jquerymobile.com/1.2.0/docs/forms/slider/methods.html

答案 2 :(得分:0)

您应该将代码更改为:

$("#first").click(function(){
        $("#Transp").slider("disable");      
 });
$("#second").click(function(){
      $("#Transp").slider("enable");                   
});

工作小提琴:http://jsfiddle.net/AUDtj/5/