0

我尝试在工作日实现 jquery UI“滑块”：

<!-- Sliders -->
<span id="sliderList">
    <div id="slider-range-sunday" data-start="14" data-end="18"></div></br/>
    <div id="slider-range-monday" data-start="1" data-end="1"></div></br/>
    <div id="slider-range-tuesday" data-start="1" data-end="1"></div></br/>
    <div id="slider-range-wednesday" data-start="1" data-end="1"></div></br/>
    <div id="slider-range-thursday" data-start="1" data-end="1"></div></br/>
    <div id="slider-range-friday" data-start="1" data-end="1"></div></br/>
    <div id="slider-range-saturday" data-start="1" data-end="1"></div>
</span>


<script type="text/javascript">
    $("#sliderList > div ").slider({
        range: true,
        min: 0,
        max: 24,
        values: [ parseInt($(this).attr("data-start")) , parseInt($(this).attr("data-end"))]
    });
</script>

默认值包含在 div 的“data-start”和“data-end”中，但我无法访问它们：

$(this).attr("data-start")

我收到以下错误（使用 chrome 进行调试）

Uncaught TypeError: Cannot call method 'addClass' of undefined 
jquery.ui.slider.js?body=1:204

大家知道为什么吗？谢谢

- - 编辑

现在它可以在 Itay 的帮助下使用以下代码：

$("#sliderList > div ").each(function(index){
    $(this).slider({
         range: true,
         min: 0,
         max: 24,
         values: [ parseInt($(this).attr("data-start")) , parseInt($(this).attr("data-end"))],
         slide: slideTime
     });
});
4

1 回答 1

1

总结我们对评论的讨论，使用以下代码（这个想法是我的，但写作都是你的，太棒了！）：

$("#sliderList > div ").each(function(){
    $(this).slider({
         range: true,
         min: 0,
         max: 24,
         values: [ parseInt($(this).attr("data-start")),
                   parseInt($(this).attr("data-end"))],
         slide: slideTime
     });
});
于 2013-09-15T09:59:51.467 回答