使用元素属性传递选项

Question

想象一下以下构造：

<div id="slider" value="35" max="97"/>
<script>$("#slider").slider();</script>

如果可以做到这一点会很好吗？即而不是将选项传递给“slider（...）”我想将选项作为属性传递给目标元素。

德罗

Answer 1

假设.slider（）接受这些变量的对象，你可以将它们设置为元素上的数据，供jQuery选取。

<div id="slider" data-slider='{"value": "35", "max": "97"}'/>

$("#slider").each(function(){
    $(this).slider($(this).data('slider'));
});

注意，数据必须是有效的JSON