<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="btn412" novalidate>
{% for f in form %}
<div class="form-group">
{{ f.label }} : {{ f }}
<span class="error-msg" style="color:red; postition:absolute;"></span>
</div>
{% endfor %}
</div>
<div class="modal-footer">
<button id="etids" type="submit" class="btn btn-primary">提交</button>
<input type="reset" name="resetBtn" id="resetBtn" value="重置">
</div>
</div>
</div>
</div>
<script>
$(function () {
console.log("aja2 function called");
bb();
delete1();
})
function bb() {
$(".btn-edit1").click(function() {
var uid =$(this).attr("uid")
$.ajax({
url: "/ajaview",
type: "get",
data :{
uid: uid
},
dataType: "JSON",
success:function (res){
if(res.status){
$.each(res.data,function (name,value){
$("#id_" + name).val(value);
})
$('#myModal').modal('show');
console.log(res);
}else{
alert(res.error);
}
}
})
});
}
$(function () {
$("#etids").click(function() {
console.log("123");
});
});
id myMmyodal 编辑按钮可以弹出 也可以显示原来的数据内容
id etids 在myMmyodal里面 点击提交按钮 在控制台没有输出123 这个是为什么呢 我js 和 css已经配置好了
3 个问题：
事件处理器绑定时机：
在文档加载时，鱼油通过 $(function() { ... }) 绑定了对 "#etids" 元素的点击事件处理器。如果在此时元素还未加载到 DOM 中，该绑定将无效。
确保在 DOM 元素加载完毕后再绑定事件处理器。
动态内容和事件委托：
如果 "#etids" 是动态添加到 DOM 中的（例如，通过 AJAX 加载的模态框内容），直接绑定事件可能不会起作用。在这种情况下，鱼油应该使用事件委托，将事件处理器绑定到一个静态的父元素上，然后指定 "#etids" 作为选择器：
$(document).on("click", "#etids", function() {
console.log("123");
});
"#etids" 是一个提交按钮，位于一个表单元素内。点击该按钮可能会触发表单的提交事件，并导致页面刷新或跳转，从而阻止 console.log("123") 的执行。
为了防止这种情况，鱼油可以阻止表单的默认提交行为：
$("#btn412").submit(function(event) {
event.preventDefault();
console.log("123");
});
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2024-1-15 11:35:39
置顶卡
千斤顶
显身卡
发表于 2024-1-15 11:35:40
楼主