我正在尝试使用jquery在没有表单[duplicate]的情况下动态关闭一个模态框
我试图在没有表单的情况下使用jQuery动态地找出一个模态框。
<a href="#openModal">Open Modal</a>
<div id="openModal" class="modalDialog">
<div> <a href="#close" title="Close" class="close">X</a>
<h2>Modal Box</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
</div>
共有2个答案
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Basic Modal Example</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
试试下面的代码，它会对你有帮助的
$('#openModal').modal('hide');
$('#openModal').modal().hide();
$('#openModal').removeClass('show');
-
我从这两个链接（js和css）导入JQuery Modal 我在正文中添加了以下html代码 下面是一个js文件 这样，模态就会像我预期的那样打开。问题是，当这结束时，我想关闭模态。但我找到的解决方案不起作用。我尝试了以下方法： 所有这些都不会像它应该的那样关闭模态（可能会隐藏模态，但不是全部，因为有一个黑屏） 我想这不应该这么难，但我进入的每个链接都告诉我要做一个 谢啦
-
下面的代码是我的弹出视图。。。我想在点击弹出窗口顶部的关闭按钮（X）时关闭弹出窗口。。。在视图的底部，我有jquery来关闭弹出窗口。。但这不起作用。。我在另一个弹出窗口上弹出了。。就像父弹出窗口和子弹出窗口一样。在这种情况下，我必须关闭子弹出窗口。。。请帮帮我
-
我找到了这些可能的答案，但没有成功。我做错什么了吗？我确信AngularJS会提供这个功能，但是如何提供呢？
-
问题内容： 我是AngularJS的新手，一开始，我想只使用AngularJS开发一个新的应用程序。 我正在尝试使用Angular应用程序向服务器端进行AJAX调用。 为了发送参数，我尝试了以下操作： 这是可行的，但在上也使用jQuery 。为了消除对jQuery的依赖，我尝试： 但这似乎失败了。然后我尝试了： 但这似乎也失败了。然后我尝试了： 我找到了这些可能的答案，但未成功。难道我做错了什么？
-
这里提出的问题是：https://vaadin.com/forum/thread/18095407/how-to-create-a-grid-without-binder 然而，瓦丁的论坛关闭了，所以我想在这里继续。 关于Vaadin 14，任何关于实现动态变化列数网格的最佳方法的建议。使用列索引（1,2,3...）对我来说不是一个好选择。假设我有一个简单的Json文件（只有1个级别：key-va
-
我看到的所有解决方案都需要使用。但是，我想在Eclipse之外的单个文件上使用CDT解析器。那有什么办法吗？