动态附加jQuery UI微调器
我在jQuery UI微调器小部件方面遇到问题。在html中添加输入时,它工作正常;但是,当我动态添加输入时,它不起作用。我创建了一个微调器在此处动态添加时不工作的示例:动态附加jQuery UI微调器,jquery,jquery-ui,dynamic,append,jquery-ui-spinner,Jquery,Jquery Ui,Dynamic,Append,Jquery Ui Spinner,我在jQuery UI微调器小部件方面遇到问题。在html中添加输入时,它工作正常;但是,当我动态添加输入时,它不起作用。我创建了一个微调器在此处动态添加时不工作的示例: 我已经在许多其他jQuery UI小部件中使用了这种方法,似乎没有问题。在调用.spinner()之前,输入必须是DOM的一部分。 所以请调用$(“#moduleArea”)。追加(p)
我已经在许多其他jQuery UI小部件中使用了这种方法,似乎没有问题。在调用.spinner()之前,输入必须是DOM的一部分。
所以请调用
$(“#moduleArea”)。追加(p)在$(“#微调器”).spinner()之前进行编码代码>
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);
};