滑块和日期选择器未显示 JQuery
Slider and Date Picker is not showing JQuery
我正在创建一个页面,每当用户按下一个按钮时,table 中就会出现一行,有 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");
}
我想我明白了...我应该一直使用 类,而不是 ID。我切换它并且它起作用了..
我正在创建一个页面,每当用户按下一个按钮时,table 中就会出现一行,有 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");
}
我想我明白了...我应该一直使用 类,而不是 ID。我切换它并且它起作用了..