Javascript 添加其他输入以形成模糊

我想在用户需要时向表单添加其他输入。。 但我使用的是一个范围滑块（jQrangeslider），我想在显示其他输入时调用它

• 我认为打不打电话给JQRangelider并不是问题的症结所在。。但我会给出完整的代码 HTML的用途是：
  临时工： 熟练工人

  
  马汀
  土
  

而JS：

$(document).ready(function () {
var jour = 1;
$('input[name^="jour"]').on("blur", function () {
    alert('called');
    jour = jour++;
    $(this).closest('div[id^="jour"]').after('<br><div class="span3"></div><div id="jour' + jour + '"><div class="span3"><span class="top">Jour</span><input type="text" name="jour' + jour + '"/></div><div class="span3"><span class="top">Matin</span><div id="temp-g-' + jour + '-"></div></div><div class="span3"><span class="top">Soir</span><div id="temp-d-' + ++jour + '-"></div></div>');
    $('div[id^="temp-g-"]').editRangeSlider({
        valueLabels: "change",
        durationIn: 1000,
        durationOut: 1000,
        type: "number",
        bounds: {
            min: 8,
            max: 12
        },
        defaultValues: {
            min: 8,
            max: 12
        }
    });
    $('div[id^="temp-d-"]').editRangeSlider({
        valueLabels: "change",
        durationIn: 1000,
        durationOut: 1000,
        type: "number",
        bounds: {
            min: 14,
            max: 18
        },
        defaultValues: {
            min: 14,
            max: 18
        }
    });
});

$（文档）.ready（函数（）{
var-jour=1；
$（'input[name^=“jour”]”）。在（“blur”，函数（）上{
警报（“被呼叫”）；
jour=jour++；
$（this）.closest（'div[id^=“jour”]'）。在（'
jourmatinsir'）之后；
$（'div[id^=“temp-g-“]”）。编辑范围滑块({
valueLabels：“更改”，
持续时间：1000，
持续时间：1000，
键入：“数字”，
界限：{
民:8,，
最高：12
},
默认值：{
民:8,，
最高：12
}
});
$（'div[id^=“temp-d-“]”）。编辑范围滑块({
valueLabels：“更改”，
持续时间：1000，
持续时间：1000，
键入：“数字”，
界限：{
民:14,，
最高：18
},
默认值：{
民:14,，
最高：18
}
});
});

}))

---

JSFIDLE示例（不带jQrangeslider）：

您添加的元素没有绑定到click事件，因为它们在绑定时不存在。您应该使用

事件委派

：

$('.row-form').on("blur",'input[name^="jour"]', function () {
//code 
}

---

关于

和
事件委派的更多信息
如果没有$（document）.ready（function（）{}），它将不起作用@当然不会：）文档不会准备好的！只需将
$（'input[name^=“jour”]'）。在（“blur”，function（）{
上替换为
$（'.row form'）。在（“blur”，“input[name^=“jour”]”上，function（）{
$('.row-form').on("blur",'input[name^="jour"]', function () {
//code 
}