Question

我正在尝试更改滑块基于单击相关按钮进行更改，但是我收到以下错误：

未捕获TypeError：对象[object Object]没有方法'slider'

我把代码放在下面：

$(function() {
    $( "#slider" ).slider({
    // Slider Navigation
    animate: "fast",
    // Do not change
    range: "min",
    // Do not change
    value:1,
    // Do not change
    min: 1,
    // Number of packages
    max: 10,
    // Do not change
    step: 1,
    });
});

滑块div

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

按钮

$( ".pkg-2" ).click(function() {
    $('#slider').slider('value', 4);
});

非常感谢任何有关如何允许“pkg-2”div在点击时切换滑块的帮助。

感谢。

Answer 1

以下是更改的代码：

<script>
$(function() {
    $( "#slider" ).slider({
    .......
});

$(document).ready(function() {
    $( ".pkg-2" ).click(function() {
        $('#slider').slider('value', 4);
    });

});

</script>

</head>
<body>

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

    <input type="button" class="pkg-2" value="slide Me" />

</body>
</html>

如果将滑块移动到任何位置，它应该有效。

以下是example at jsBin，其中包含正文部分中的链接和代码

未捕获的TypeError：对象[object Object]没有方法'slider'

1 个答案: