首页 > 解决方案 > Javascript 文档准备就绪未运行

问题描述

这是我的html页面:

<html>
       <div class="panel-body text-center">
          <div class="ttl-info">
            STOK TM
          </div>
          <h4 class="show-value">
              <span id="stktimur">0</span>
          <h4>
       </div>
    

        $(document).ready(function(){
        $('#stktimur').ambilData({
              url : '<?php echo site_url('data/datastk') ?>',
              reload: 65,
              success: function(dt, th){
                  $('#stktimur').data('list', dt.data);
                  if( parseInt($('#stktimur').text()) != parseInt(dt.total) ){
                      $('#stktimur').text(parseInt(dt.total) )
                        .textEffect({effect: 'jumble',jumbleColor :'#FFF', letterJumble: txt});
                  }
              }
          })
       }
</html>

标签: javascripthtmljquery

解决方案


我假设您想在单击stktimur时执行 ajax 请求。正确的代码应该是这样的。

jQuery 阿贾克斯

jQuery 点击事件监听器

<div class="panel-body text-center">
    <div class="ttl-info">
        STOK TM
    </div>
    <h4 class="show-value">
        <span id="stktimur">0</span>
    </h4>
</div>


<script>
    $(document).ready(function () {
        $('#stktimur').click(function () {
            $.ajax({
                url: "<?php echo site_url('data/datastk') ?>",
                success: function (dt, th) {
                    $('#stktimur').data('list', dt.data);
                    if (parseInt($('#stktimur').text()) != parseInt(dt.total)) {
                        $('#stktimur').text(parseInt(dt.total)).textEffect({
                            effect: 'jumble',
                            jumbleColor: '#FFF',
                            letterJumble: txt
                        });
                    }
                }
            })
        })
    });
</script>

推荐阅读