Slider和Date Picker没有显示JQuery

Question

我正在创建一个页面，每次用户按下按钮时，一行将显示在一个包含4列的表中。 我正在尝试添加滑块和日期选择器。 当我在HTML中添加它时它可以工作，但是当我在javascript和jquery函数中使用它时它不起作用。

这是按下添加按钮时发生的功能。

$(function() {

            $("#date").datepicker()

        });


        $(function()
        {
            $("#amount").val(60);
            $("#slider1").slider({

                slide: function(event, ui)
                {
                    $("#amount").val(ui.value); 
                },
                orientation: "horizontal",
                min: 0,
                max: 100,
                value: 60
            });
        });


function addLab()
{
    var labs = $('#lab tr').length;
    if (labs <= 10)
    {
        var newSlider =  $('<div>', { id: 'slider1' });
        var newLab = $('<tr><td><input type="text" onchange="sumAll()" id="earnedLab" title="Enter Your Score Out Of 25."/></td><td>' + "25" + '</td><td><input type="text" id="date" /></td><td><div id="slider1" style="width: 200px"/></td></tr>'); 
        $('#lab').append(newLab);
    }
    else alert("No more boxes allowed for labs");
}

Answer 1

我相信我弄清楚了......我应该一直在使用课程，而不是ID。 我切换它，它工作..