【问题标题】：My script modal is not working我的脚本模式不起作用
【发布时间】：2015-10-21 08:43:05
【问题描述】：

我试图在我的 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>

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

【问题讨论】：

控制台有错误吗？
你添加了 jquery 和 bootstrap.js 吗？
2 个可能的原因，1- 按照@KótaPéter 的建议检查 jQuery（首先出现）和 bootstrap.js 是否存在，2-您的脚本 DOM 准备好了吗？有问题的代码可以正常工作。 jsfiddle.net/cemyzefd 所以尝试准备好 DOM jsfiddle.net/cemyzefd/1
@gerdi 当我检查经理时我收到错误“未捕获的 ReferenceError：$ 未定义”
@KótaPéter 是的，我肯定会添加 jquery 和 bootstrap.js

标签： ajax laravel bootstrap-modal simplemodal

【解决方案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/

【讨论】：