jQuery slider ui - 从HTML元素动态设置起始值

时间:2010-05-04 00:16:07

标签: jquery jquery-ui

我试图从DIV元素的标题中读取滑块的值(这可能是问题)。这被推到了下面:

$(document).ready(function() {
    $(".myslider5").slider({
        min: -1000,
        max: 1000,
        value: parseInt($(this).attr("title")),
        slide: function(event, ui) {
              // more actions
        }
    });

我想我得到了NaN错误。有线索吗?

2 个答案:

答案 0 :(得分:2)

如果这个类不止一个,你需要迭代它们并使用.each()创建滑块,如下所示:

$(".myslider5").each(function() {
    $(this).slider({
        value: parseInt($(this).attr("title")),
        slide: function(event, ui) {
              // more actions
        },
        min: -1000,
        max: 1000
    });
});

Here's an example of the above,否则您将从集合中第一个标题中获取值,您可以看到.attr() documentation或详细信息:

  

获取匹配元素集中第一个元素的属性值。

答案 1 :(得分:0)

$(this)可能没有采用精确值,因此请尝试将值赋予:

$(".myslider5").each(function() {
    $(this).slider({
        value: parseInt($(".DiVID").attr("title")),
        slide: function(event, ui) {
              // ...
              // more actions
              // ...
        },
        min: -1000,
        max: 1000
    });
});