Question

我正在使用JQuery滑块并尝试使用HTML5 data-方法将数据传递给它，但它失败了：

HTML：

<div class="editSlider" data-min="-20" data-max="20" data-editValue="curValB"></div>

JQuery的

$(".editSlider").slider({                   
    value: 0,
    min: $(this).data("min"),
    max: $(this).data("max"),
    step: 0.1,
    slide: function(event, ui) {
        $(this).data("editValue") = ui.value;
        $(this).find('.ui-slider-handle').text(Math.round(curValB));
    },
    stop: function(event, ui) {
        $(this).data("editValue") = ui.value;
        this.doSomething();             
    }
});

我在检查员中收到此错误：

ReferenceError: invalid assignment left-hand side
$(this).data("editValue") = ui.value;

任何想法我做错了什么？

Answer 1

您目前正在使用.data()错误地设置data-editValue。

只需改变一下：

$(this).data("editValue") = ui.value;

到此：

$(this).data("editValue", ui.value);

使用$(selector).data('key');时以及设置时使用$(selector).data('key', 'value');

Answer 2

.data() setter

$(this).data("editValue",ui.value);

http://api.jquery.com/data/

使用JQuery收集data- *信息

2 个答案: