Showing a modal When onclick method is called of <a>
Showing a modal When onclick method is called of <a>
我使用的是salesforce platofrm.在该程序中,我只能访问按钮的onclick功能
<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
而不是设置这些属性href="#myModal" role="button" class="btn" data-toggle="modal
当用户使用javascript的onclick函数点击链接时,如何显示模态请指导
点击按钮,您可以使用文档中给出的show
方法
$('#myModal').modal('show')
演示:Plunker
您可以使用切换来隐藏显示,不需要使用显示和隐藏
$("#myModalID").modal('toggle');
$('#myModalID').modal('show');
$('#myModalID').modal('hide');
相关文章:
- 在<页眉>标签
- 如何更改<svg>标记为<img>用js标记
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- Ajax文件加载和<输入>文件加载
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 链接所有<a>Meteor
- 在<输入类型=“;文件“/>
- Div根据<选择>菜单
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- HighChart : Usage of setData
- 如何首先设置样式<td>表中包含在窗体中的元素
- 通过点击<李>在jQuery中
- 正在检测导航到<a name=“;最新主题”></a>
- 如何更改<选择>使用angularJS从控制器获得的值
- 通过具有IE<11
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 应为标识符,而看到'<'
- 传递值<xsl:value-of>转换为java脚本函数
- Javascript - value of textarea not formatted when put in <