php - 数据目标数据切换不适用于 vscode
问题描述
我已经创建了一个用于执行 CRUD 应用程序的 php 代码,待办事项列表。然后我在我的浏览器上运行它,当我单击“添加任务”按钮时,它没有弹出并且什么也不做。
<button type="button" data-target="#myModal" data-toggle="modal" class="btn btn-success">Add Task</button>
在codeply上查看我的完整代码。
<!DOCTYPE html>
<html>
<head>
<script>
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"
</script>
<script>
src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity = "sha384-Rc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA712mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin = "anonymous"
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" intergrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg320mUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>CRUD App</title>
</head>
我该怎么办,谢谢你的帮助。
解决方案
您应该添加<div id="myModal" class="modal" tabindex="-1" role="dialog">
如下
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" intergrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg320mUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>CRUD App</title>
<button type="button" data-target="#myModal" data-toggle="modal" class="btn btn-success">Add Task</button>
<div id="myModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
推荐阅读
- apache-spark - Spark Dataset:如何将子类对象添加到父类的数据集中
- ios - WKWebview 照片库错误
- wordpress - 向另一台服务器发送请求时超出订单对象
- javascript - NodeJS 中的动态分块响应
- android - 在android中隐藏状态栏
- hadoop - 当调用 Apache Crunch 管道在两个不同的源上读取两次时会发生什么?
- python - python3.5中的ValueError
- cookies - 如何提取域的第三方cookies
- c# - C# 中的 XML 文档 (0, 0) 有错误
- twitter - Twitter Streaming (Twitter 4j api) 使用 apache spark 流和 java