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

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

未捕获的ReferenceError：在HTMLAnchorElement.onclick上未定义addmhsForm

更新

我发现我的问题出在@include或包含模态的局部视图中。

每当我删除laravel中的@include时，所有.js文件都会显示在Google Developer Tools中，但是单击该按钮后，我的按钮什么也不会做。

但是，当我再次放置它时，问题再次出现。

Answer 1

在我有限的理解下，我试图强行解决这个问题，结果是罪魁祸首是HTML标记

文本区域

此有问题的代码

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

解决

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

未捕获的ReferenceError：未在HTMLAnchorElement.onclick

1 个答案: