javascript - 单击时模态按钮不执行任何操作

Question

我创建了一个引用模式的按钮，但它根本不打开模式。这部分代码不是我的领域，SQL 才是。该代码实际上存在于与网站交互时调用的 SQL 过程中。

想法？

--Remove package item, Modal Popup
    <div id="delete_btn_modal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class=modal-body>
                <h3><font color="red" align="center">Are you sure?</h3></font></br>
                <p>Deleting a package item will remove the entire package</br></br>
                    <button type="button" class="btnStyle" data-dismiss="modal">Close</button> 
                    <button type="button" class="btnStyle" onclick=location.href="http://wowfestival.lajollaplayhouse.org/cart/precart.aspx?p=499">Delete Package</button>
                </p>
            </div>
        </div>
    </div>

--button
        <button type="button" class="btnStyle" data-toggle="modal" data-target="#delete_btn_modal">Delete</button>

Answer 1

似乎您还没有添加 bootstrap javascript

你的代码非常完美

检查 bootply 中的代码。 : http://www.bootply.com/zOa8UJ4Vfb

还要检查您是否也包含 jQuery。

如果不使用下面的cdn进行快速测试。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>