Question

我在选中复选框时尝试启用滑块！

html：

  <label for="zerovalueback">Zero Back</label>
    <input id="zerovalueback" type="checkbox" name="zerovalueback">
    <div id="slider"></div>
    <div class="sliderValues">
        <span class="leftVal">
        </span>
         = = = 
        <span class="rightVal">
        </span>
    </div>

脚本：

  jQuery.noConflict(); 
jQuery(document).ready(function() {

            jQuery('body').on('click', '#zerovalueback', function() {

            var status = jQuery(this).prop("checked");      console.log(status);
            if (status == 'true') {

                jQuery( "#slider" ).slider({
                range : "max",
                    min : 1,
                    max : 10,
                    value : 6,
                    slide: function(event,val){
                        jQuery('.leftVal').text(val.value);
                    } 
                 }); 
             };
         });
    });

所有内容都是正确链接的，因为如果我在开启（点击）功能之前简单地调用滑块就可以了。

有人知道如何解决这个问题吗？

Answer 1

if语句不正确，来自@DontVoteMeDown的建议很有帮助，它应该是

if (status === true) {

                jQuery( "#slider" ).slider({
                range : "max",
                    min : 1,
                    max : 10,
                    value : 6,
                    slide: function(event,val){
                        jQuery('.leftVal').text(val.value);
                    } 
                 }); 
             }

Answer 2

如果您需要启用禁用jQuery。有一些方法叫做enable（）和disable（）。你可以找到更多信息here。

要停用滑块，您可以使用jQuery( "#slider" ).slider('disable');并启用滑块，您可以使用jQuery( "#slider" ).slider('enable')

您可以找到工作演示here

单击时启用jqueryUI滑块

2 个答案: