Javascript Bootstrap表中的Bootstrap modalbox循环问题
我无法从boostrap获取用于我的ModalBox的代码循环。。。但是如果我不使用Modalbox删除Javascript Bootstrap表中的Bootstrap modalbox循环问题,javascript,php,mysql,Javascript,Php,Mysql,我无法从boostrap获取用于我的ModalBox的代码循环。。。但是如果我不使用Modalbox删除,我可以得到循环。。如果我删除那个代码,当然所有的数据表都会同时显示,没有任何modalbox。。。我怎样才能解决这个问题 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=n
,我可以得到循环。。如果我删除那个代码,当然所有的数据表都会同时显示,没有任何modalbox。。。我怎样才能解决这个问题
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<script src="assets/jquery.min.js"></script>
<title>FMH44-v1.0</title>
<!-- Bootstrap core CSS -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
<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/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.min.css">
<link rel="stylesheet" href="assets/lightbox/dist/css/lightbox.min.css">
<!-- Custom styles for this template -->
<link href="assets/switch.css" rel="stylesheet"/>
<link href="assets/sticky.css" rel="stylesheet"/>
</head>
<?php
include('database_connection.php');
$sorgu = $baglanti->query("SELECT * FROM makale ORDER BY sevk_tarihi ASC, boya_kodu_sistem");
while ($sonuc = $sorgu->fetch_assoc()) {
?>
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#<?php echo $sonuc['proje_ismi'] ?>">İŞ FORMU</button>
<div class="modal fade" id="<?php echo $sonuc['proje_ismi'] ?>">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" >deneme </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body"id="printThis">
<form method="post" id="insert_form">
<table class="table table-striped table-hover table-sm table-bordered">
<tr>
<td colspan="10" class="table-danger" ><center><?php $proje= $sonuc['proje_ismi'] ; echo substr(".'$proje'.",11,-2); ?> / (PROJE BİLGİSİ) </center></td>
</tr>
</table>
</form>
</div></div></div></div>
<?php
}
?>
FMH44-v1.0
在
之后有许多缺少的关闭
标记。这将破坏您的文档结构。在循环末尾插入
应该可以解决这个问题
此外,每个模式在循环中都有相同的idmymodal
(您的表单也是如此,它们都有相同的idinsert\u form
)。这可能会导致引导JavaScript出现一些问题,因为表中的每个按钮都没有唯一的模式。您应该确保每个id对页面只使用一次。您可以插入计数器并创建唯一的ID,如mymodal-1
,mymodal-2
。。。为了避免这种情况。我解决了我的问题:
问题是:
data-target="#<?php echo $sonuc['proje_ismi'] ?>"
id="<?php echo $sonuc['proje_ismi'] ?>"
data target=“#”
id=“”
我试过这样做,但我不知道为什么代码不能以这种方式工作
但在代码开头添加任何字母后,如下所示:
data-target="#MYMODEL<?php echo $sonuc['proje_ismi'] ?>"
id="MYMODEL<?php echo $sonuc['proje_ismi'] ?>"
data target=“#MYMODEL”
id=“MYMODEL”
代码是有效的
但要小心:
<?php echo $sonuc['proje_ismi'] ?>
该代码必须是uniq,并且不会有任何“空格”,否则无法工作
因此,如果您可以选择MYMODAL,那么最好是……class=“btn btn primary btn sm”>
不应该出现在那里class=“modal dialog>
此
但是,如果一个“
”来自mysql的数据与该代码相同,“该代码”中没有任何内容会从mysql收集任何数据“>”它们与此处的复制粘贴问题有关。。。不确切的代码是那样的。。我编辑了它们,我没有写mysql代码。我认为没必要。。因为如果我删除该div。。它们显示为modalbox而不是table,但是每行的每个数据都没有问题……请提供更多的代码。您的问题是关于“引导表中的循环问题”,但您的代码仅显示模式的一部分。我更新了代码。。但现在它给出了错误:“当我按下按钮时什么也没有发生”您的id的内容是什么?确保此字符串中没有空格。