Python 单击更新(提交)按钮后,如何使模式显示?
这是页脚代码:Python 单击更新(提交)按钮后,如何使模式显示?,python,jquery,django,Python,Jquery,Django,这是页脚代码: <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button id="employee_u
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button id="employee_update_btn" type="submit" class="btn btn-success btn-round ">Update</button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
{% if success %}
<script>
$('#employee.employee_id_{{ employee.employee_id }}').show();
</script>
{% endif %}
</script>
</form>
我想打开的模式:
<div class="modal fade" id="employee.employee_id_{{ employee.employee_id }}" tabindex="-1" role="dialog" style="display: none; overflow: auto;" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="card">
<div class="modal-content">
<div class="modal-header">
<div class="card-header-success" >
<h4 align="center" class="card-title">EMPLOYEE PROFILE</h4>
</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
员工档案
&时代;
您的{%if success%}…
将在另一个标签中插入
标签,从而破坏您的代码
无论如何,要实现你想要的,下面的方法应该可以做到
$(“#员工_更新_btn”)。单击(功能(e){
e、 preventDefault();//防止默认提交操作
//显示模态
$(“#employee_employee_id_u{{employee.employee_id}}”).show();
});`
注意,我已经改变了你的模式ID,去掉了其中的点,因为它会破坏选择器,更新你的html如下
[...]
如果您使用引导作为css框架,请记住,在与模式交互之前,应该先初始化该模式
<div class="modal fade" id="employee.employee_id_{{ employee.employee_id }}" tabindex="-1" role="dialog" style="display: none; overflow: auto;" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="card">
<div class="modal-content">
<div class="modal-header">
<div class="card-header-success" >
<h4 align="center" class="card-title">EMPLOYEE PROFILE</h4>
</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>