使用jquery将数据加载到下标按钮中

Loading datas with jquery with button into subscript

本文关键字:下标 按钮 加载 jquery 数据 使用      更新时间:2023-09-26

当我打开网站时,时间戳列表将被Ajax加载。当我点击,脚本时间戳/stop将被执行,并在此之后用Ajax重新加载列表。

但是,当我想第二次点击这个列表到另一个停止按钮时,什么也没有发生。

当我重新加载整个站点时,我可以再次删除一行。当我在删除一行后单击图标fa-refresh时,也有可能删除一行。

但是我怎样才能解决这个问题呢?

主要脚本:

<script>
$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "timestamp/list-open-all",
        data: "nachladen",
        success: function(nachladen){
            $('#nachladen').empty();
            $('<span>'+nachladen+'</span>').appendTo('#nachladen');
        }
    });
    $("#refresh-link-active-timestamps").click(function () {
        console.log('Daten gespeichert');
        $.ajax({
            type: "GET",
            url: "timestamp/list-open-all",
            data: "nachladen",
            success: function(nachladen){
                $('#nachladen').empty();
                $('<span>'+nachladen+'</span>').appendTo('#nachladen');
            }
        });
    });
    $("#button-timestamp-stop").click(function () {
        console.log('Button Stop in aktivem Zeitstempel gedrückt');
        var projectid = $("#button-timestamp-stop").attr('data-ts');
        console.log(projectid);
        $.ajax({
            type: 'POST',
            url: 'timestamp/stop/project/'+projectid,
            data: 'testdata=1', //pass data1 to second request
            success:  function(data){
                $.ajax({
                    type: "GET",
                    url: "timestamp/list-open-all",
                    data: "nachladen",
                    success: function(nachladen){
                        $('#nachladen').empty();
                        $('<span>'+nachladen+'</span>').appendTo('#nachladen');
                    }
                });
            }    
      });   
    });
 });
 </script>

时间戳/list-open-all

<?php foreach($this->timestamps as $key => $value) { ?>
<div class="feed-element">
    <a href="profile.html" class="pull-left">
        <img alt="image" class="img-circle" src="img/profile/user/<?php echo $value['created_user'] ?>.jpg">
    </a>
    <div class="media-body ">
        <div class="actions">
            <a class="btn btn-xs btn-white" id="button-timestamp-stop" data-ts="<?php echo $value['id'] ?>"> stop </a>
        </div>
    </div>
</div>
<?php } ?>    

我找到了:

$(document).on("click", '#refresh-link-active-timestamps', function() {

代替

$("#button-timestamp-stop").click(function () {