php - 在ajax中添加一个新的文本框onclick

Question

我正在开发一个 php 项目。我有一个滑块和一个添加按钮。如果我单击添加按钮，将显示一个新滑块以及另一个添加按钮和一个删除按钮。如果我点击添加按钮，相同的循环将继续，如果我点击删除按钮，同一行将消失。我试过这个：

<div id="time">
<div id="slider-range1"></div>
<span id="utility2"></span>
<a class="add_time" href="#">Add</a>
</div>

$("#time").delegate(".add_time", "click", function(){
    var content =  '<div>'
                   +'<div id="slider-range2"></div>'
                   +'<span id="input_time1"></span>'
                   +'<a class="del_time" href="#">Delete</a>'
                   +'<a class="add_time" href="#">Add</a>'
                   +'</div>';
    $("#time").append(content);
    return false;
});

$("#time").delegate(".del_time", "click", function(){
    $(this).parent().remove();
    return false;
});

Answer 1

您还可以尝试显示或不显示您希望或不显示的特定 div，例如：

<div id="time">
<div id="slider-range1"></div>
<span id="utility2"></span>
<a class="add_time" href="#">Add</a>
<div id="slider" style="display:none;">'
    <div id="slider-range2"></div>'
    <span id="input_time1"></span>'
    <a class="del_time" href="#">Delete</a>'
    <a class="add_time" href="#">Add</a>'
</div>

$(document).ready(function() {

$('.add_time').click(function() {
    $("#slider").css("display","block");
});

});

您还可以在 javascript 中隐藏将显示定义为 none 的滑块