php – masalah ajax saat memuat halaman

Saya menulis kode ketika pengguna mengklik tombol. konten akan ditampilkan melalui ajax di wordpress. Saya menggunakan wp_ajax_{action} dan wp_ajax_nopriv_{action}. ketika saya memuat halaman, jalankan ajax tanpa konten apa pun dan setelah ajax berakhir, saya menyegarkan halaman dan kemudian semuanya baik-baik saja. Saya tidak tahu mengapa ketika saya memuat ulang halaman atau membuka halaman di browser lain, ajax dimulai tanpa pemicu apa pun. Ini kode saya:

<script>
jQuery( document ).ready( function(){
   jQuery( ".pelak-order-type-item" ).click( function(){
        var data = {
            "action": "get_product_properties",
            "whatever": this.id
        };
        var ajax_url = "'. admin_url( 'admin-ajax.php' ) .'";
        jQuery.post( ajax_url, data, function(response) {
            jQuery("#ajax-content").html(response);
            let generated_steps = jQuery( "#pelak_product_title" ).data( "step" );
            for ( var i=2; i<=generated_steps; i++ ){
                jQuery( "#step"+ i ).hide();
            }
            
        });
    } );
   } );
jQuery(document).ajaxStart(function() {
        
        
        jQuery( "#step-general" ).hide();
        jQuery( ".pelak-loader" ).show();
        
    }).ajaxSuccess(function() {
       
        jQuery( ".pelak-loader" ).hide();
       

    });
</script>

Catatan: Semua kode di atas dalam fungsi gema php dan saya menyalin bagian terkait dan disisipkan di sini. Terima kasih atas perhatian Anda terhadap masalah ini.