单击JQuery时未捕获的ReferenceError

时间:2018-05-07 15:39:12

标签: javascript jquery html ajax laravel-5

我无法从我的按钮

获取值

此未捕获的ReferenceError:在HTMLInputElement.onclick中未定义reply_click

注意:我希望我的按钮继续工作!

任何人都可以帮助我吗?

  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);
        });
    });
});

}

我的按钮来自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>

1 个答案:

答案 0 :(得分:0)

我不认为使用onclick是一个好习惯,除此之外你应该把你的功能放在$(function() {})而不是

这样的事情:

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

另请考虑将onclick更改为使用$('#TEXT').click(function() {....})

总的来说,删除onlclick,所有代码应如下所示:

$(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
        ....
    })
});