javascript - 未捕获的 ReferenceError : is not defined at HTMLAnchorElement. onclick

Question

我尝试使用 jquery 显示模态，但无济于事。

我试图重新安排我的 jquery 位置并研究其他问题，但我找不到任何问题的答案。

这是按钮

<div class="col-sm-6">
    <a onclick="addmhsForm();" href="#" class="btn btn-success" data-toggle="modal"><span>Tambah Mahasiswa</span></a>
</div>

这是我放置脚本和 jquery 的地方

        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
        <script type="text/javascript" src="{{asset('js/api.js')}}"></script>
    </body>
</html>

这是我的自定义 javascript

$(document).ready(function() {
    //Here's where I place ajax script
});

function addmhsForm() {
    $(document).ready(function() {
        event.preventDefault();
        $("#add-error-bag").hide();
        $('#addModal').modal('show');
    });
}

我希望代码显示模态，可惜我发现的是这样的错误消息:

Uncaught ReferenceError: addmhsForm is not defined at HTMLAnchorElement.onclick

更新

我发现我的问题出在@include 或包含模态的部分 View 上。

每当我在我的 laravel 中删除 @include 时，所有 .js 文件都会出现在 Google Developer Tools 中，但我的按钮在单击时不会执行任何操作。

但是，当我再次输入时，问题又出现了。

Answer 1

以我有限的理解，我尝试用暴力破解的方式来解决这个问题，结果发现罪魁祸首是一个 HTML 标签

Textarea

这段有问题的代码

<textarea type="text" class="form-control" name="alamat" id="alamat"/>

解决

<textarea type="text" class="form-control" name="alamat" id="alamat"></textarea>