我已经编写了此页面(使用 DataTables、PHP 和 Bootstrap 5.3)。如您所见,在表格的每一行中,我放置了一个按钮,该按钮可触发一个模式,其中包含一个响应图像(所有图像都包含在同一文件夹中)。一切正常。
当我加载页面时,需要一分钟左右才能完成加载,如果我在加载完成之前单击按钮,模式对话框不会显示图像。我怀疑所有图像(约 30 张)都是在打开网页时加载的。
如果是这样,有什么办法可以防止这种情况发生吗?我猜最好只在单击相应按钮时才加载每个单独的图像。
我有一张包含一些 PHP 和表单的表格。以下是其中的一部分,显示了一个按钮被放置在单元格中:
if ($giorno == "ven"){
echo '<td>'.$qres["ven_1"].'</td>;
echo '<td>';
?>
<form action="?" method="post">
<input type="hidden" id="ven_1" name="ven_1" value="<?php echo $qres["ven_1"];?>">
<button type="submit" class="btn" id="ts">click me</button>
</form>
<?php
echo '</td>';
}
表格下方我有一个触发模态对话框的脚本。
它基本上计算一些细胞并在对话框中显示数量。
<script>
const re1 = /^[0-9][A-Z]/;
const re2 = /^c[0-9]/;
const actives = $('td').filter(function() {
const text = $(this).text();
const makeActive = text.match(re1) !== null;
$(this).toggleClass('active', makeActive);
$(this).toggleClass('compresenza', text.match(re2) !== null);
return makeActive;
}).length;
$('<div id="messaggio"></div>').html(`${actives}`).dialog({
title: 'Title',
width: '300px',
buttons: {},
modal: true,
});
</script>
事实上,当 HTML 页面加载时,对话框就会打开。我想将对话框设置为,并且仅在单击上表中的按钮时才autoOpen: false
打开它。
实现这一目标的正确程序是什么?
我有一个 HTML 表和以下脚本,class
根据单元格的内容向单元格添加特定内容。
现在,我想仅计算带有 的项目,并触发带有这些项目数量的class = active
模态框 ( )。有什么建议吗?autoOpen: true
<script>
$('td').each(function() {
var $this = $(this)
if ($this.text().match(new RegExp(/^[0-9][A-Z]/)) !== null ) {
$this.addClass('active');
}
if ($this.text().match(new RegExp(/^c[0-9]/)) !== null ) {
$this.addClass('none');
}
});
</script>