javascript - jquery数据集不能改变值

问题描述

使用数据选择器时遇到问题。我无法更改数据选择器的值，我的代码有问题吗？

这个初始数据。

我已经更改了值，但为什么结果仍然相同？试试看进度条，如果值为100，进度条应该是满的。

这是我的ajax

$('#btn_update').on('click',function(){
            resetState(xd, dataArr, 'reset');
            var gdgtyp = $("input[name='gdgtype']:checked").val();
            var lantaiid=$('#lantaiid').val();
            $.ajax({
                type: "POST",
                url: "<?= base_url('ajxsrama');?>",
                data: { gdgtyp: gdgtyp, lantaiid: lantaiid}, 
                cache: false,
                success: function(result) {
                    lantai.textContent = JSON.parse(result).lantaix;
                    tipe.textContent = JSON.parse(result).tipex;
                    dataArr = JSON.parse(result).alldata;
                    console.log(JSON.parse(result).tersedia);
                    console.log($('#progtersedia .progress-number').text(JSON.parse(result).tersedia));
                    console.log($('#progtersedia').data('percent',JSON.parse(result).tersedia));
                    console.log($('#progtersedia').data());
                    dtbooking = JSON.parse(result).booking;
                    dtterisi = JSON.parse(result).terisi;
                    dtrusak = JSON.parse(result).rusak;

                    resetState(xd, dataArr, 'success_call');
                }
            });
        });

这是给酒吧的

<div class="p-progress-bar-container radius small title-up">
<div  class="p-progress-bar" data-percent="<?= $box['tersedia'];?>" data-delay="100" data-type="%"  id="progtersedia">
    <div class="progress-title" >Kosong</div>
    </div>
</div>

标签： javascriptjqueryhtmlajax

我认为 css 可以处理数据，然后使用 width 元素。您可以使用attr选择器来处理 css，然后您需要给width = yourpercent，所以对于您的代码，它将是：$('#progtersedia').attr('style','width : ' + JSON.parse(result).tersedia+'%');

javascript - jquery数据集不能改变值

问题描述

解决方案

推荐阅读