【发布时间】：2021-08-13 20:48:33
【问题描述】：
我正在尝试使用节点 js 打开一个弹出窗口，但我无法打开。 我检查了数据来自后端并传递到前端，但仍然弹出没有打开。
我也附上了截图。 感谢您对此的帮助。两个月以来我已经厌倦了这个。image 下面是我的代码。
<!-- Modal Popup For Customer Detail & Their Related data -->
<body>
<div class="modal fade" id="popup">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"> Customer Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<nav>
<div class="nav nav-tabs nav-fill" id="nav-tab"
role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab"
data-toggle="tab"
href="#nav-home" role="tab" aria-controls="nav-
home"
aria-selected="true">Details</a>
<!--
<a class="nav-item nav-link" id="nav-profile-tab" data-
toggle="tab"
href="#" role="tab" aria-controls="nav-profile"
aria-selected="false">Related</a>
-->
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home"
role="tabpanel"
aria-labelledby="nav-home-tab">
<div class="table-responsive">
<table id="activityCodeDetail" class="table table-
hover striped">
<!-- Inside code is handled by Jquery to add
dyanamic Content -->
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div></body>
<script>
function anchorClickFunctionalities() {
$('a.ActivityTag').on('click', function (event) {
event.stopImmediatePropagation();
event.stopPropagation();
vendorIDS = this.id;
let vendorId = this.id;
console.log('vendor id ++ '+vendorId);
// alert('vendorTag=>'+vendorId);
$("#popup").modal("show");
$.ajax({
type: 'GET',
url: '/approvals/individualcustomerdetails',
data: {
'customerId': vendorId
},
dataType: 'json'
})
.done((data) => {
let recordData = data[0];
console.log('DATA DEtails=>' + JSON.stringify(data.customerDetails));
let record = data.customerDetails;
console.log('DATA record=>' + JSON.stringify(record));
if (data.customerDetails.length > 0) {
console.log('Inside ActivityCode Details');
let ActivityCodeDetailRow = '';
data.ActivityCodeDetail.forEach((eachRecord) => {
ActivityCodeDetailRow += '<tr>';
//ActivityCodeDetailRow += '<td colspan="4" style="background-color:#d3d3d3;"><h5>Activity Code Metrics</h5></td>';
ActivityCodeDetailRow += '</tr>';
ActivityCodeDetailRow += '<tr>';
ActivityCodeDetailRow += '<td><strong> Name<span style="color: red;">*</span><strong></td>';
] ActivityCodeDetailRow += '<td>' + eachRecord.name + '</td>';
ActivityCodeDetailRow += '<td><strong>Mobile<strong></td>';
ActivityCodeDetailRow += '<td>' + eachRecord.mob + '</td>';
ActivityCodeDetailRow += '</tr>';
ActivityCodeDetailRow += '<tr>';
ActivityCodeDetailRow += '<td><strong>Address<strong></td>';
ActivityCodeDetailRow += '<td>' + eachRecord.address + '</td>';
ActivityCodeDetailRow += '<td><strong> GST No<strong></td>';
ActivityCodeDetailRow += '<td>' + eachRecord.gstno + '</td>';
ActivityCodeDetailRow += '</tr>';
ActivityCodeDetailRow += '<tr>';
$('#activityCodeDetail').html(ActivityCodeDetailRow);
})
}
})
.fail((jqXHR, textStatus, err) => {
console.log('textStatus : ' + textStatus);
})
})
}
我正在将数据从节点 js 文件传递到 ejs，然后尝试重定向到弹出窗口。停止立即传播也有效，点击也有效，但仍然弹出没有打开
【问题讨论】：