Javascript 垂直滑块需要更多的定制

我正在使用这个垂直滑块，它可以正常工作，但是我需要动态地更改一些值。

我需要更改的值在此函数中为“最小”、“最大”和“值”：

$(function() {
    $( "#slider-vertical" ).slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 100,
        value: 60,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
});

在每次重新加载页面时，即在用户向上或向下滑动滑块之前，必须设置值“最小”、“最大”和“值”。它们在显示页面之前在PHP代码中生成。它们保存在变量中，例如$\u min$_最大值；美元价值； 现在的问题是如何将它们发送到javascript函数，以及如何捕获它们。 在下面这样一个简单的函数中，我将它们放在parentesis中

<input type="text" onClick="myVal(<?php echo $_min ?>);"> 

但是现在我甚至不知道函数的名称。它不是javascript，而是jquery

---

我希望现在我更清楚了：）

jQueryUISlider有用于此的API。检查

---

在你提问之前，你应该检查一下文件

$( "#slider-vertical" ).slider( "option", "max", 300 );

要在php中执行代码，您可以像这样回显语句：

<?php
    echo "<script> $( '#slider-vertical' ).slider( 'option', 'max', " + $_max + "); </script>";
?>

---

您的PHP/HTML应该如下所示：

function myVal(a)
{alert(a) ; 
----- do something more ---
}

<div id="slider-vertical" 
     data-slider-min="<?php echo $_min ?>"
     data-slider-max="<?php echo $_max ?>"
     data-slider-value="<?php echo $_value ?>"
>
</div>

$(document).ready( function()  {

    var $slider = $("#slider-vertical"),
        min = $slider.data("slider-min"),
        max = $slider.data("slider-max"),
        value = $slider.data("slider-value");

    $slider.slider({

        orientation: "vertical",
        range: "min",
        min: min,
        max: max,
        value: value,
        slide: function( event, ui ) { $("#amount").val( ui.value ); }

    });

});

说明：

我们使用PHP将变量作为
html数据属性
附加到html元素。然后，我们可以使用jQuery访问这些数据，并在滑块上设置值

PHP使用数据在服务器上呈现页面，然后当用户加载它时，他们的浏览器将告诉jQuery收集信息并从中创建一个滑块

jQuery封装在一个函数中，该函数确保文档已准备好进行操作

用户无需与单击/任何内容交互：）
我这样解决了这个问题

min: - document.getElementById("diff").value,
max: document.getElementById("diff").value,
value: 0,
document.getElementById("bild").style.top = ( ui.value );
document.getElementById("klip22").style.top = ( $( "#slider-vertical" ).slider( "value" )

现在开始工作了！
谢谢
我该如何使用这个？我无法在HTML代码中调用该函数。我只有这个你可以学习的语言Javascript，有各种各样的网站。但要回答您的评论，请使用javascript代码在HTMLIt中运行脚本，这对您没有帮助。我如何让他们工作？他们被安置在哪里？我想在页面上传时设置它们。你的问题没有帮助，如果你想要更好的答案，请更新你的问题并解释完整的情况。我现在已经解释了更多的情况。我只是想知道为什么这个问题有（-2）。这实际上是我迄今为止最好的格式化Q。我付出了很大的努力！很抱歉，我的母语不是英语。但我对此无能为力。那些给了我底片的人，你能解释一下原因吗，这样我就可以从中吸取教训了？谢谢
min: - document.getElementById("diff").value,
max: document.getElementById("diff").value,
value: 0,
document.getElementById("bild").style.top = ( ui.value );
document.getElementById("klip22").style.top = ( $( "#slider-vertical" ).slider( "value" )