Javascript 具有不同最大值的jquery滑块不工作

html文件

<h1>HTML Slider Test</h1>
<div class="slider">
    <script>
        var a=10;
    </script>
</div>
<p>Your slider has a value of 
    <span class="slider-value"></span>
</p>
<div class="slider">
    <script>
        var a=100;
    </script>
</div>
<p>Your slider has a value of 
    <span class="slider-value"></span>
</p>

我目前在两个div中有两个脚本，但是a的值为10和100，并且它被分配给滑块的最大值。但是a=10不起作用。两个滑块都显示最大值为100。但是我希望第一个最大值为10，第二个最大值为100

---

这里有一个实际可行的解决方案，使用HTML中的数据属性

<h1>HTML Slider Test</h1>

<div class="slider" data-max="10"></div>

<p>Your slider has a value of <span class="slider-value"></span></p>

<div class="slider" data-max="100"></div>

<p>Your slider has a value of <span class="slider-value"></span></p>

---

您完全误解了这一点，在滑块内的脚本标记中设置变量没有任何作用，甚至与选项对象传递给滑块插件的方式没有任何关系。该死！太晚了16秒：）@Rorymcrossan-抱歉，看起来我们有相同的想法，这可能是OP代码最有意义的地方

<h1>HTML Slider Test</h1>

<div class="slider" data-max="10"></div>

<p>Your slider has a value of <span class="slider-value"></span></p>

<div class="slider" data-max="100"></div>

<p>Your slider has a value of <span class="slider-value"></span></p>

$(".slider").each(function() {
    $(this).slider({
        value : 1,
        min   : 0,
        max   : $(this).data('max'),
        step  : 1,
        slide : function (event, ui) {
            $(this).next().find('span.slider-value').html(ui.value);
        }
    });
});