javascript - 创建动态 slider jQuery

Question

我正在尝试使用 jQuery 创建一个 slider 。 这是我的代码:

function createSlider(label_value, input_id, output_id, minValue, maxValue, initialValue, step) {
    const div = $("<div/>");
    const input = ($`<input type="range" min="${minValue}" max="${maxValue}" step="${step}" id="${input_id}" value="${initialValue}"/>`);
    div.append(input);

    return div;
}

但是在这一行:“div.append(input);”，我收到错误:“未捕获的类型错误:无法读取未定义的属性“ownerDocument””。 我做错了什么？

Answer 1

这行似乎有问题:

const input = ($`<input type="range" min="${minValue}" max="${maxValue}" step="${step}" id="${input_id}" value="${initialValue}"/>`);

您应该将 $ 替换为起始括号:

const input = $(`<input type="range" min="${minValue}" max="${maxValue}" step="${step}" id="${input_id}" value="${initialValue}"/>`);

希望这有帮助。