未捕获的引用错误:赋值(匿名函数）中的左侧无效

Uncaught ReferenceError: Invalid left-hand side in assignment (anonymous function)

本文关键字：函数 无效 引用 错误 赋值      更新时间：2023-09-26

我已经实现了UI Jquery滑块 http://jqueryui.com/slider/#steps，它运行良好。但是知道我想做的是在单击某些链接时使滑块移动。

但是我收到错误：未捕获的引用错误：分配滑块中的左侧无效.html：88（匿名函数）

所以这是我的代码： 

<script>
    $(function() {
        $( "#slider" ).slider({
            range: "min",
            value:0,
            min: 0,
            max: 200,
            step: 50,
            create: function( event, ui ) {
                $("#packs a").css("color", "#336799");
                $("#packs .pack1").css("color", "#b84a00");
            },
            slide: function( event, ui ) {
                switch(ui.value) {
                    case 0:
                        $("#packs a").css("color", "#336799");
                        $("#packs .pack1").css("color", "#b84a00");
                        break;
                    case 50:
                        $("#packs a").css("color", "#336799");
                        $("#packs .pack2").css("color", "#b84a00");
                        break;
                    case 100:
                        $("#packs a").css("color", "#336799");
                        $("#packs .pack3").css("color", "#b84a00");
                        break;
                    case 150:
                        $("#packs a").css("color", "#336799");
                        $("#packs .pack4").css("color", "#b84a00");
                        break;
                    case 200:
                        $("#packs a").css("color", "#336799");
                        $("#packs .pack5").css("color", "#b84a00");
                        break;
                    default:
                        $("#packs a").css("color", "#336799");
                }
            }
        });
    });
</script>
<div id="offers">
    <div id="slider">
        <div class="marker" style="left: 124.25px;"></div>
        <div class="marker" style="left: 248.5px;"></div>
        <div class="marker" style="left: 372.75px;"></div>
        <div class="handler"></div>
    </div>
    <div id="packs">
        <a class="pack1" href="javascript:;">Pack1</a>
        <a class="pack2" href="javascript:;">Pack2</a>
        <a class="pack3" href="javascript:;">Pack3</a>
        <a class="pack4" href="javascript:;">Pack4</a>
        <a class="pack5" href="javascript:;">Pack5</a>
    </div>
</div>
<script type="text/javascript">
    $(".pack1").click(function() {
        $("#slider").slider("value") = 0; // ERROR
        $("#slider").slider("slide");
    });
    $(".pack2").click(function() {
        $("#slider").slider("value") = 50; // ERROR
        $("#slider").slider("slide");
    });
    $(".pack3").click(function() {
        $("#slider").slider("value") = 100; // ERROR
        $("#slider").slider("slide");
    });
    $(".pack4").click(function() {
        $("#slider").slider("value") = 150; // ERROR
        $("#slider").slider("slide");
    });
    $(".pack5").click(function() {
        $("#slider").slider("value") = 200; // ERROR
        $("#slider").slider("slide");
    });
</script>

Si 我看到错误与此行有关：$("#slider").slider("value") = Something

你，请对此有任何想法吗？

谢谢。

设置滑块值的正确方法是：

$( ".selector" ).slider({ value: 10 });

见 http://api.jqueryui.com/slider/#option-value

您收到错误是因为您尝试为函数的结果分配一个值，这是不允许的。

要在初始化后设置滑块的值，请执行以下操作：

// getter
var value = $( ".selector" ).slider( "option", "value" ); 
// setter
$( ".selector" ).slider( "option", "value", 10 );

请参阅文档：

下面是固定代码： 

$(".pack1").click(function() {
    $("#slider").slider({ value: 0 });
    $("#slider").slider("slide");
});
$(".pack2").click(function() {
    $("#slider").slider({ value: 50 }); //Fixed
    $("#slider").slider("slide");
});
$(".pack3").click(function() {
    $("#slider").slider({ value: 100 }); //Fixed
    $("#slider").slider("slide");
});
$(".pack4").click(function() {
    $("#slider").slider({ value: 150 }); //Fixed
    $("#slider").slider("slide");
});
$(".pack5").click(function() {
    $("#slider").slider({ value: 200 }); //Fixed
    $("#slider").slider("slide");
});

检查 jsfiddle 中的工作代码： http://jsfiddle.net/sandeep605085/snWmk/

查看 JQuery 文档： http://api.jqueryui.com/slider/#option-value

Thanks,
Sandeep
相关文章：