Question

在使用jQuery的.load（）加載圖像並製作動態老虎機時遇到了一些問題。這是原始的HTML我將加載到：

的index.php

<p id='slotContainer'> 
     <?php 
      echo "<img src='imgs/5.png'>"; 
      echo "<img src='imgs/5.png'>"; 
      echo "<img src='imgs/5.png'>"; 
     ?> 
    </p> 

這是通過按下一個按鈕激活的Javascript：

clicked.js

function clicked() { 
    if (typeof processing ==='undefined' || processing===null || !processing) { 
     processing= true; 
     $('#playbutton').hide(); 
     setTimeout(function() { 
      $('#slotContainer').load('backend.php', function() { 
       processing=false; 
       $('#playbutton').show(); 
      }); 
     }, 3000); 
    } 
} 

最後，這是我想加載的內容：

backend.php

<?php 
$result = array(rand(1,5),rand(1,5),rand(1,5)); 
echo "<img src=imgs/".$result[0].".png>"; 
echo "<img src=imgs/".$result[1].".png>"; 
echo "<img src=imgs/".$result[2].".png>"; 
?> 

我試圖使原來「slotContainer」空白，然後加載由「backend.php」生成的圖像，但由於某些原因，這會產生什麼，我刪了的'slotContainer'？我有一種感覺，我必須忽略一些顯而易見的令人厭惡的東西。對於我可能展示的任何不良編碼習慣抱歉，我是自學成才的。

編輯：阿賈克斯API在 '的index.php'

Answer 1

正如我預測，答案是令人厭惡的顯而易見的，對我來說是一個巨大的疏忽。我忘記取消鏈接前一個被鎖定在「while」循環中的腳本，並鎖定了其他所有內容。希望我在弄糊塗之前就抓住了這一點。

非常感謝所有給我指點的人。非常感謝

Answer 2

的需要添加AJAX API標籤鏈接 https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js 前

<script> 
function clicked() { 
if (typeof processing ==='undefined' || processing===null || !processing) { 
    processing= true; 
    $('#playbutton').hide(); 
    setTimeout(function() { 
     $('#slotContainer').load('backend.php', function() { 
      processing=false; 
      $('#playbutton').show(); 
     }); 
    }, 3000); 
} 

}