单击JQuery时出现未被捕获的ReferenceError

Question

I can not get the values from my button

this Uncaught ReferenceError: reply_click is not defined at HTMLInputElement.onclick

Note: I want my button to continue working!

can anyone help me ?

  function reply_click(clicked_id){
$(function() {
    $.ajaxSetup({
       headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
       }
    });
    console.log('attached');
    $('#openButton').on('click', function(data) {
        console.log('clicked');
        $.ajax({
          type: "POST",
          url: "/dash",
            data: { _token: $('meta[name="csrf-token"]').attr(('src','{{url('/')}}'+data)}
        })
       .done(function(data){
            console.log(data);
            $('.inputbutton input').css("background-image", "url("+data+")");
        })
        .fail(function(data){
            console.log('Error:', data);
        });
    });
});

}

my button from blade.php

<div class="inputbutton">
<span class="text">TEXT</span>
<input type="submit" class="btTxt submit" value=""  id="TEXT" onclick="reply_click(this.id)">
</div>

Answer 1

I don't think it is a good practice to use onclick, besides you should put your function inside the $(function() {}) instead

So something like this:

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }
});

Also consider changing onclick to using $('#TEXT').click(function() {....})

So overall, remove onlclick, and all of the codes should look like this:

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }

    $('#TEXT').click(function() {
        // ON CLICK ACTIONS GO HERE
        var input_id = $(this).attr('id'); // for example getting the id of the input
        ....
    })
});