为什么我的JQuery点击事件不能工作？

Question

我正在尝试将这个按钮与#analyzebutton id链接起来

<div class="pd-upload-foto">
     <div class="vertical-center text-center">
          <button id="startbutton" class='btn btn-ambilfoto btn-sm btn-1 font-3' style='padding-top:.2rem; padding-bottom:.2rem;' type='button'>ambil foto</button>
           <button id="analyzebutton" class='btn btn-sm btn-1 font-3' style='padding-top:.2rem; padding-bottom:.2rem; display: none;' type='button'>mulai analisis</button>
      </div>
</div>

<div class="pd-analisa" style="display: none;">
                <div class="vertical-center text-center">
                    <button id="analyzingbutton" class='btn btn-sm btn-1 font-3' style='padding-top:.2rem; padding-bottom:.2rem;' type='button'>mulai analisa</button>
                    <img id="tesfotomasuk" src="" alt="tes aja">
                </div>
 </div>

使用此JQuery脚本

$(".btn-ambilfoto").click(function() {
     $(".btn-ambilfoto").html("berhasil").attr("disabled", "true");
     $(".btn-ambilfoto").removeClass("btn-1").addClass("btn-4");
     $("#analyzebutton").show();
});

$("#analyzebutton").click(function() {
     $(".pd-upload-foto").hide();
     $(".pd-analisa").show();

     $("#analyzingbutton").html("Analyzing...");
});

当我按下#analyzebutton按钮时，它应该会触发function函数并执行该函数，但是它没有。

我还链接了html文件底部的JQuery脚本和JS脚本。

不知何故，#analyzebutton是唯一不起作用的。.btn-ambilfoto按钮(位于#analyzebutton的上方)可以正常工作。

我试图将代码更改为$(selector).on("click", function(){})，但也不起作用。

我该怎么解决这个问题？我花了6个多小时来解决这个问题。

Answer 1

浏览器运行前面的保存(不是最新的)，在那里它不调用#analyzebutton，而是调用另一个按钮。感谢@freedomn和this SOF answer，禁用浏览器上的缓存解决了这个问题！

Answer 2

确保代码在document.ready函数中。这可能就是问题所在。

$(document).ready(function(e) {
    $(".btn-ambilfoto").click(function() {
        $(".btn-ambilfoto").html("berhasil").attr("disabled", "true");
        $(".btn-ambilfoto").removeClass("btn-upself-1").addClass("btn-upself-4");
        $("#analyzebutton").show();
    });
    
    $("#analyzebutton").click(function() {
        $(".pd-upload-foto").hide();
        $(".pd-analisa").show();
    
        $("#analyzingbutton").html("Analyzing...");
    });
});