jquery - 使用数据库中的隐藏输入值初始化 jquery slider

Question

我使用 slider 作为屏幕的用户输入。基本上，它是一个批量更新屏幕，其中有一个包含多行的表格，因此有多个 slider 。我创建了它，以便隐藏值是在表单中发布的值。

<td>
    <input class="percentageProvidedHidden" type="hidden" name='<%= "Values[" + i + "].Percentage" %>' value='<%=item.Percentage %>' />
            <div class="percentageProvidedSlider"></div>
</td>

我的更新工作得很好(移动 slider 更改隐藏输入值，提交，值在数据库中更新)，但是，我无法使用隐藏输入的值来初始化该死的东西(注意“值:“下面的参数)。在这种情况下，我认为 $(this) 实际上不是 $('percentageProvidedSlider') 而是页面本身。有人可以帮助我获取 slider 值以使用隐藏输入字段进行初始化吗？我正在使用 ASP .Net MVC 2，因此如果有任何我应该尝试的方法，我也欢迎它们。

$('.percentageProvidedSlider').slider(
    {
        min: 0,
        max: 100,
        step: 25,
        value: $(this).parents('tr').find('input.percentageProvidedHidden').val(),
        slide: function(e, ui) {
            var mypos = ui.value;
            $(this).find('.ui-slider-handle').text(ui.value);
        },
        change: function(event, ui) {
            var myVal = $(this).slider("option", "value");
            $(this).parents('tr').find('input.percentageProvidedHidden').val(myVal);

            var myDropDown = $(this).parents('tr').find('select.verified');

        }
    });

Answer 1

您的 this 不正确是正确的，但更重要的是，在您声明对象时(如果 this 是 slider 对象) this 是尚未添加到 DOM 的对象，因此没有父对象。所以你必须使用类似的东西:

$('.percentageProvidedSlider').each(function() {
 var $sld = $(this); // is the current div.percentageProvidedslider
  $sld.slider(
    {
        min: 0,
        max: 100,
        step: 25,
        value: $sld.parents('tr').find('input.percentageProvidedHidden').val(),
        slide: function(e, ui) {
            var mypos = ui.value;
            $(this).find('.ui-slider-handle').text(ui.value);
        },
        change: function(event, ui) {
            var myVal = $(this).slider("option", "value");
            $(this).parents('tr').find('input.percentageProvidedHidden').val(myVal);

            var myDropDown = $(this).parents('tr').find('select.verified');

        }
    });

});