javascript - 附加不起作用,也没有显示错误
问题描述
我正在尝试调用函数。将弹出窗口打开到屏幕。但它没有显示弹出窗口,也没有显示错误。函数调用正确,尝试使用 console.log 打印详细信息。数据正常。我认为在附加弹出部门时出现了一些问题。请帮帮我。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function viewCamp(id) {
$('#customModal').remove();
listable = "<h1 style='text-align: center;'>Camp Details<h1>";
$.get("camp-details-ajax.php?e2c=" + id, function(data) {
obj = $.parseJSON(data);
console.log(obj);
listable += "<table style='text-align:left'>";
listable += "<tr><th>Organization name</th><td>" + obj.CAMP_SCHOOL_NAME + "</td></tr>";
listable += "<tr><th>Name of contact person</th><td>" + obj.CAMP_SCHOOL_PRINCIPAL_NAME + "</td></tr>";
listable += "<tr><th>Mobile Number</th><td>" + obj.CAMP_SCHOOL_CONTACT_NUM + "</td></tr>";
if (obj.CAMP_SCHOOL_LANDLINE != '' && obj.CAMP_SCHOOL_LANDLINE != null) {
listable += "<tr><th>Landline Number</th><td>" + obj.CAMP_SCHOOL_STD_CODE + "-" + obj.CAMP_SCHOOL_LANDLINE + "</td></tr>";
}
listable += "<tr><th>Email</th><td>" + obj.CAMP_SCHOOL_EMAIL + "</td></tr>";
listable += "<tr><th>Address1</th><td>" + obj.CAMP_SCHOOL_ADD1 + "</td></tr>";
listable += "<tr><th>Address2</th><td>" + obj.CAMP_SCHOOL_ADD2 + "</td></tr>";
if (obj.CAMP_SCHOOL_ADD3 != '' && obj.CAMP_SCHOOL_ADD3 != null) {
listable += "<tr><th>Address3</th><td>" + obj.CAMP_SCHOOL_ADD3 + "</td></tr>";
}
listable += "<tr><th>City </th><td>" + obj.CAMP_SCHOOL_CITY + "</td></tr>";
listable += "<tr><th>State</th><td>" + obj.CAMP_SCHOOL_STATE + "</td></tr>";
listable += "<tr><th>Pincode</th><td>" + obj.CAMP_SCHOOL_PIN + "</td></tr>";
listable += "<tr><th>Doctor Name</th><td>" + obj.CAMP_TEMP_DENT_NAME + "</td></tr>";
listable += "<tr><th>Doctor Email</th><td>" + obj.CAMP_TEMP_DENT_EMAIL + "</td></tr>";
listable += "<tr><th>Doctor Mobile</th><td>" + obj.CAMP_TEMP_DENT_MOBILE + "</td></tr>";
listable += "<tr><th>Strength of Whole School/Organization</th><td>" + obj.CAMP_NO_OF_STUDENT + "</td></tr>";
listable += "<tr><th>Number of Students/Children attending</th><td>" + obj.CAMP_NO_OF_STU_ATTEND + "</td></tr>";
listable += "</table>";
$('body').append(' <div class="modal fade" id="customModal" role="dialog"><div class="modal-dialog"> <div class="modal-content"><div class="modal-body"><button type="button" class="close" data-dismiss="modal"><img src="images/close.png" class="img-responsive" width="100%" ></button><p>' + listable + '</p></div></div></div></div>');
});
}
$('body').on('click', '.close', function() {
$('#customModal').remove();
})
</script>
解决方案
推荐阅读
- git - 使用 Visual Studio Code 连接 AzureDevOps Git 存储库时出现问题
- json - json.解码一个 TCP 连接并在 Go 中同时记录原始数据
- json - 尝试区分“[object Object]”时出错。仅允许使用数组和可迭代对象 IONIC 4
- c++ - 将 Lua 包装到 C++ 类中的问题
- c++ - 为什么在数字大于 48 位的情况下函数会失败?
- node.js - 有没有办法在模型上定义自定义查询(Sequelize)
- python - 在python中将文本文件转换为yaml
- c# - 替换具有使用模式的字符串:
- ios - 将 AppCentre Pod 添加到 xCode 项目会导致导入模块错误
- c++ - 具有不同运行时版本的 cmake 导入库