一个模式有多个按钮(触发器)
Have multiple buttons (triggers) for one Modal
我有一个相当大的模态,与其制作新的按钮和新的模态,我更喜欢多个按钮都触发同一个模态。
下面是一个取自getbootstrap.com的模态示例
我曾尝试用相同的数据目标创建多个按钮,但当我单击额外的按钮时,不会打开任何模式,但背景灰色覆盖仍然会渲染。
关于如何做到这一点,有什么想法吗?
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
我找到了我的多个按钮的模态没有呈现的原因,因为包含模态的div隐藏在面板中。我不得不把modaldiv放在页面的顶部,这样当我点击各种按钮时,它就会呈现出来。
相关文章:
- 有没有一种方法可以检测ios<>使用jquery和触发器操作形成导航按钮
- jQuery-On按钮点击触发器选择选项
- 如何为滑块的分页按钮创建简单的下一个和上一个触发器按钮
- 尝试使用jquery设置鼠标按下的时间来更改按钮触发器以控制音量滑块
- 触发器快捷方式”;STRG+Plus按钮”;使用Javascript
- 通过事件触发器/按钮单击将参数传递给 javascript 函数
- 使用jquery提交表单,该表单具有多个提交按钮,无需单击触发器
- 按钮触发器未被调用
- IE 错误触发器单击以 2 个按钮
- 检测后退按钮触发器(使用 Ajaxify 和 History.js)
- 当触发器按钮使用 jquery 和 ajax 时,无法更新会话
- 一个模式有多个按钮(触发器)
- 触发器Ctrl+z&Ctrl+y键单击按钮
- 触发器提示's以编程方式单击“确定”按钮
- 输入触发器html按钮点击带有特定值的javascript
- 茉莉触发器按钮事件
- 在Jquery UI对话框中基于触发器锚点的文本创建动态按钮名称
- Jquery按钮触发器css
- 我可以添加HTML按钮触发器更新面板
- AngularJs的ng-show/hide按钮触发器