3

我在使用 jQuery UI Spinner 小部件时遇到问题。在 html 中添加输入时它工作正常；但是，当我动态添加输入时，它不起作用。我创建了一个微调器在此处动态添加时不起作用的示例：jsfiddle example

function injectSpinner(){
    console.log("Injecting Spinner");

    var p = document.createElement('p');
    var label = document.createElement('label');
    var text = document.createTextNode("Select a value:");
    var input = document.createElement('input');

    label.appendChild(text);
    label.setAttribute("for", "spinner");
    p.appendChild(label);

    input.setAttribute("id", "spinner");
    input.setAttribute("name", "value");
    p.appendChild(input);

    $("#spinner").spinner();

    $("#moduleArea").append(p);
};

我已经将此方法与许多其他 jQuery UI 小部件一起使用，似乎没有问题。

4

1 回答 1

3

在调用 .spinner() 之前，输入必须是 DOM 的一部分。
所以请在我相应地更新你的小提琴$("#moduleArea").append(p); 之前 打电话。$("#spinner").spinner();

于 2013-04-25T15:42:50.757 回答