尽管包含所有文件且HTML显示正确，但Bootstrap模式不会出现

Question

这可能看似重复，但我看到的所有其他答案都与错误包含脚本或data-*值的错误分配有关。

我有一个非常简单的bootstrap模式（今天早上更新版本3.3.6），我不能为我的生活出现！ 在MVC5中工作，我有一个标准视图，我想要一个引导模式出现在数据表中的按钮上。为了排除数据表本身，我已将此按钮取出并将其粘贴在页面上。

按钮如下所示：

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-trigger="modal">Edit</a>

我按顺序包括jQuery v2.1.4（min）和bootstrap 3.3.6（min）：

我从Bootstrap示例网站上获取了一个库存模式HTML代码段并对其进行了微小的更改设置：

<div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="model-close-btn" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Edit</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

（我已经从输出HTML中获取了这两个HTML片段而不是.cshtml，以防它们在出路时被MVC / JS摆弄）

我无法看到此配置有任何问题，但无论我尝试过什么，我都无法获得展示的模式。

onload或onclick没有控制台错误，页面渲染隐藏了模态（所以我假设BS正在执行某些操作！）

jQuery＆amp;的所有其他用法引导程序，样式和代码明智的工作，只有一个例外。

我尝试过的事情：

• 更新BS和jQuery
• 移动模态html（就在身体结束之前，就在身体开始之后，随机地在中间！）
• 删除data-*代码并将点击按钮绑定到按钮
• 更改模态的ID

我现在没有想法，没有任何错误，我认为调试的内容还不多。

要调查的任何想法甚至模糊的区域都会非常有用。

Answer 1

您可以通过将数据触发器=＆＃34;模式＆＃34; 替换为 data-toggle="modal"

来更改锚标记

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>

Answer 2

试试这个

<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>

Answer 3

尝试href =“javascript：void（0）”可能认为你需要远程加载或用按钮替换标签