我的脚本模式不工作

Question

我正在尝试在我的 laravel 项目中测试我的 bootstrap 模式，但没有任何响应。

@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>

为什么我的脚本不起作用？

Answer 1

答案 - 请标记是否正确

根据@Shehary 上面所说的。

index.html

<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>

jquery

$("#btnAgenda").on("click",function(){
    $("#modalAgenda").modal("show");
});

2 可能的原因，1- 按照@KótaPéter 的建议检查 jQuery（排在第一位）和 bootstrap.js 是否存在，2- 您的脚本 DOM 准备好了吗？有问题的代码工作正常。所以尝试 DOM 准备好 http://jsfiddle.net/cemyzefd/

我的脚本模式不工作

My script modal is not working

ajax

laravel

bootstrap-modal

simplemodal

答案 - 请标记是否正确

index.html

jquery