내 laravel 프로젝트에서 내 부트 스트랩 모달을 테스트하려고 시도했지만 응답이 없습니다.
@extends('layouts.admin')
@section('body')
<div class="col-lg-4 col-md-6">
<a href="#" class="block padder-v hover" id="btnAgenda">
<button type="button" class="btn btn-info btn-block">Block Button</button>
</a>
</div>
<div class="modal fade" id="modalAgenda" tabindex="-1" role="dialog" aria-labelledby="member" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Agendaaa asd
</div>
</div>
</div>
</div>
<script>
$("#btnAgenda").on("click",function(){
$("#modalAgenda").modal("show");
});
</script>
내 스크립트가 작동하지 않는 이유는 무엇입니까?
@Shehary가 위에서 말한 것에서.
<a href="#" class="block padder-v hover" id="btnAgenda">
<button type="button" class="btn btn-info btn-block">Block Button</button>
</a>
<div class="modal fade" id="modalAgenda" tabindex="-1" role="dialog" aria-labelledby="member" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Agendaaa asd
</div>
</div>
</div>
$("#btnAgenda").on("click",function(){
$("#modalAgenda").modal("show");
});
2 가능한 이유, 1- @ KótaPéter가 제안한대로 jQuery (먼저 제공됨) 및 bootstrap.js의 존재 여부를 확인하십시오. 2- 스크립트 DOM이 준비 되었습니까? 문제의 코드가 제대로 작동합니다. 그래서 DOM 준비 http://jsfiddle.net/cemyzefd/로 시도하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다