Я пытался показать модальное использование 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 не определен в HTMLAnchorElement.onclick
UPDATE
Я обнаружил, что моя проблема заключается в @include или частичном представлении, содержащем модал.
Всякий раз, когда я удаляю @include в моем laravel, все файлы .js будут появляться в GoogleИнструменты разработчика, но моя кнопка ничего не будет делать при нажатии.
Хотя, когда я ее снова ставлю, проблема снова появляется.