Javascript 文檔就緒未運行

Question

這是我的 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>

Answer 1

您缺少<script>標簽。 還有一些格式問題。

像這樣嘗試：

<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').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});
                }
            }
        })
    });
</script>

Answer 2

我假設您想在單擊stktimur 時執行 ajax 請求。 正確的代碼應該是這樣的。

jQuery Ajax

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>

Javascript 文檔就緒未運行

問題描述

2 個解決方案

解決方案1
0 2021-07-29 08:26:23

解決方案2
0 2021-07-29 08:38:19

Javascript 文檔就緒未運行

問題描述

2 個解決方案

解決方案1 0 2021-07-29 08:26:23

解決方案2 0 2021-07-29 08:38:19

解決方案1
0 2021-07-29 08:26:23

解決方案2
0 2021-07-29 08:38:19