我有这个链接按钮:
<a href="javascript: void(0)"><button class="btn btn-primary pull-right" id="btn">Read More</button></a>
我想要 onclick
点击,出现一个模式弹出窗口,其中包含所有文章详细信息。到目前为止,我已经尝试了很多,但没有任何运行正常。有什么想法吗?
已更新
$(document).ready(function () {
$('#dialog').dialog({
autoOpen: false
})
$('#btn').click(function() {
$("#dialog").dialog({
modal: true,
height: 600,
width: 500,
buttons: {
Accept: function() {
$(this).dialog("close");
}
}
});
$('#dialog').dialog('open');
});
});
已更新(图片)
最佳答案
如果您使用 Bootstrap ,请参阅下面的示例
<div class="modal fade" id="modelWindow" role="dialog">
<div class="modal-dialog modal-sm vertical-align-center">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Heading</h4>
</div>
<div class="modal-body">
Body text here
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
</div>
</div>
</div>
</div>
$('#btn').click(function() {
$('#modelWindow').modal('show');
});
关于javascript - 如何在单击按钮时打开模态弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37986587/