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

Question

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

<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 中将显示定义为无的 slider