jquery - 通过html传递变量

Question

可以使用自定义 html 属性将变量传递给 jquery 事件

<input type="text" id="custominput" data-ajax-id="1">

$("#custominput").on("click", function() {
    alert($(this).data("ajax-id"));
}

我尝试对微调器使用相同的方法，但这不起作用。我想通过 html 自定义属性设置 max

<input type="text" id="spinnercount" class="form-control ui-spinner-input" name="groupcount" value="10" data-ajax-max="10" role="spinbutton">


$("#spinnercount").spinner({
    max: $(this).data("ajax-max")
})

有谁知道如何做到这一点 ？

谢谢

Answer 1

“这个”不是你所期望的。

在您的第一个示例中，您处于函数的范围内。jquery 将调用元素设置为“this”。

在您的第二个代码中，您在全球范围内。

尝试：

var spinnerCountElement = $("#spinnercount");

spinnerCountElement.spinner({
    max: spinnerCountElement.data("ajax-max")
})