Как вызвать функцию javascript при нажатии на кнопку в торте php?

Question

<button type="button" id="addleetdata" class="btn btn-primary addleetdata float-left">Add</button>

JS Файл

 $("#addleetdata").click(function () {
     console.log("enter intofucn")
        startLoading();
          console.log("editvalue",$("editatri").val());
        var data = {
            'id': $("#iddata").val(),
            'solve': $("#solveid").val(),
            'problem': $("#probid").val(),
        };
        $.ajax({
            type: 'POST',
            url: "/monitoring/leetsave_session",
            data: data,
            success: function (response) {
                stopLoading();
                $('#genericModalTitle').html(response.genericTitle);
                $('#genericModalBody').html(response.message);
                $('#genericModalOkButton').addClass("reloadPage");        
               $("#genericModal").modal("show");
            },
            dataType: 'json'
        });
    });  

Я использую Light Admin Theme для разработки веб-сайта. Поэтому я не могу вызвать функцию javascript в легкой административной теме, используя ID. Итак, расскажите, что такое метод для вызова java Функция скрипта.

Answer 1

$(document).on("click",".addleetdata",function () {
 console.log("enter intofucn")
    startLoading();
      console.log("editvalue",$("editatri").val());
    var data = {
        'id': $("#iddata").val(),
        'solve': $("#solveid").val(),
        'problem': $("#probid").val(),
    };
    $.ajax({
        type: 'POST',
        url: "/monitoring/leetsave_session",
        data: data,
        success: function (response) {
            stopLoading();
            $('#genericModalTitle').html(response.genericTitle);
            $('#genericModalBody').html(response.message);
            $('#genericModalOkButton').addClass("reloadPage");        
           $("#genericModal").modal("show");
        },
        dataType: 'json'
    });
});  

Answer 2

Вам нужно вызвать скрипт после элемента html, или вы можете использовать

<button onclick="myFunction()">Add</button>

и в качестве своего кода;

<script>
function myFunction() {
     console.log("enter intofucn")
        startLoading();
          console.log("editvalue",$("editatri").val());
        var data = {
            'id': $("#iddata").val(),
            'solve': $("#solveid").val(),
            'problem': $("#probid").val(),
        };
        $.ajax({
            type: 'POST',
            url: "/monitoring/leetsave_session",
            data: data,
            success: function (response) {
                stopLoading();
                $('#genericModalTitle').html(response.genericTitle);
                $('#genericModalBody').html(response.message);
                $('#genericModalOkButton').addClass("reloadPage");        
               $("#genericModal").modal("show");
            },
            dataType: 'json'
        });
    } 
</script>