习惯受伤
看你原来的代码 id="range" 是一个动态添加到DOM 的元素,对于 range 的事件你需要在添加元素之后绑定事件。你应该是提前绑定了事件,之后才添加的元素。你可以试试jquery的这种事件触发方式:$(document).on("click","#range",function(){
});我还写了一个示例你可以看看:html>
动态添加元素
移除元素
$(document).ready(function(){
var setResult = function(v){
if(typeof(v) === "undefined"){
v = "-";
}
$("#dragResult").html("结果:" + v);
};
$(document).on("input","#myRange",function(){
setResult($(this).val());
});
$("#removeDom").click(function(){
if(!$("#result>#myRange").length){
alert("请先添加元素。");
return;
}
$("#myRange").remove();
setResult();
});
$("#appendDom").click(function(){
if($("#result>#myRange").length){
alert("已经添加过元素了,");
return;
}
$("#result").append('');
setResult();
});
});