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'中删除的内容？我有一种感觉，我必须忽视一些令人作呕的东西。对于我可能已经展示的任何不良编码实践表示歉意，我是自学成才。

编辑：Ajax API链接在'index.php'标签中

Answer 1

您需要添加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);
}

}

Answer 2

正如我所预测的那样，答案是令人作呕的显而易见的，并且对我的结局有很大的疏忽。我忘了取消之前插入“＃”的剧本。循环并锁定其他一切。希望自己在愚弄自己之前就抓住了这个。

非常感谢所有给我指点的人。非常感谢

ajax - 未在JQuery .load（）上加载的回显图像

2 个答案: