[英]Slider jquery and “data-” attributes in HTML5
我已經嘗試在工作日內實現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
});
});
總結一下我們對這些評論的討論,請使用以下代碼(這個想法是我的,但是寫作全是您的,這太好了!):
$("#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
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.