Jquery 引导模式未出现，尽管包含的所有文件和HTML显示正确

这可能看起来是重复的，但我看到的所有其他答案都与不正确地包含脚本或不正确地分配

数据-*

值有关

我有一个非常简单的引导模式（今天早上更新了3.3.6版），这是我一生都无法出现的！ 在MVC5中工作时，我有一个标准视图，我希望引导模式出现在datatable中的按钮上。为了排除datatables本身，我将此按钮取出并将其粘贴在页面上

按钮如下所示：

<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和Bootstrap的所有其他用法、样式和代码方面的工作，只有一个例外

我尝试过的事情：

• 更新BS和jQuery
移动模式HTML（刚好在身体结束之前，刚好在身体开始后，在中间随机）
• 删除

  数据-*

  标记，并将点击偶数绑定到按钮
• 更改模式的id

我现在没有想法了，没有错误，我想调试的东西也不多了

---

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

您可以通过将data trigger=“modal”替换为来更改锚定标记吗

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

---

您可以通过将数据触发器=“模态”替换为来更改锚定标记吗

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

try href=“javascript:void（0）”可能是您认为需要进行远程加载或使用按钮替换标记

try href=“javascript:void（0）”可能是您认为需要进行远程加载或使用按钮替换标记

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

试试这个

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

你能做一把小提琴来显示你的问题吗？Jquery modal从来没有这样对我起过作用，我总是必须在javaScript中单击按钮时执行modal.show（）。@sapy我确实想到了这一点，尝试了一个单击句柄，但也没有任何乐趣。

$（'#buttonId'）。单击（函数（）{$（'#myModal'）。modal（'show'））

会有用的。你能做一把小提琴来显示你的问题吗？Jquery modal对我来说从来没有这样工作过，我总是在javaScript的按钮点击上做modal.show（）。@sapy我确实想到了这一点，尝试了点击手柄，但也没有任何乐趣。

$（'#buttonId'）。点击（函数（）{$（'#myModal'）。modal（'show'））

将起作用。我忘了添加a href，以防出现问题。我忘了添加a href，以防出现问题。我忘了添加a href，以防出现问题