这可能看似重复,但我看到的所有其他答案都与错误包含脚本或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;的所有其他用法引导程序,样式和代码明智的工作,只有一个例外。
我尝试过的事情:
data-*
代码并将点击按钮绑定到按钮我现在没有想法,没有任何错误,我认为调试的内容还不多。
要调查的任何想法甚至模糊的区域都会非常有用。
答案 0 :(得分:2)
您可以通过将数据触发器=&#34;模式&#34; 替换为 data-toggle="modal"
来更改锚标记<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>
答案 1 :(得分:1)
试试这个
<a href="#" class="btn btn-primary edit-modal" data-target="#modal-container" data-toggle="modal">Edit</a>
答案 2 :(得分:0)
尝试href =“javascript:void(0)”可能认为你需要远程加载或用按钮替换标签