![个人头像照片](https://ucc.alicdn.com/avatar/avatar3.jpg)
暂无个人介绍
2024年05月
2024年03月
大模型对于程序员来说,改变了使用技术的方式,没用大模型之前代码中有问题,都是先调试,然后去google或者baidu搜索,看是否有踩过同样的坑。使用大模型后,直接把代码粘贴到通义灵码中,问题基本上就能排查出来。举个例子,实现卡片上咨询按钮点击事件,出现模态框的效果。$(document).ready(function(){
//点击打开模态框
$(document).on("click", ".openAskModal", function(){
var targetModal = $(this).attr("data-target");
var posY = $(this).offset().top - $(window).scrollTop() + $(this).outerHeight() - 100;
var posX = $(this).offset().left - $(window).scrollLeft() + $(this).outerWidth() + 160;
$("#" + targetModal).css({"left": posX + "px", "top": posY + "px"}).fadeIn();
});
//点击关闭按钮或模态框外部区域,关闭模态框
$(".ask_modal .close").click(function(){
$(this).closest(".ask_modal").fadeOut();
});
});
//点击模态框外部区域,关闭模态框
$(document).on("click", function(e){
if(!$(e.target).closest('.ask_modal').length) {
$(".ask_modal").fadeOut();
}
});这是jquery代码,这是html代码<span class="openAskModal" data-target="myModal-${service.serviceCode}">
咨询 ,实际结果是点击事件触发后,模态框弹出一下马上关闭。问通义灵码后直接找到了问题。在点击“.openAskModal”来打开模态框时,极有可能立即触发了“点击模态框外部区域,关闭模态框”这个事件,导致模态框一瞬间就被关闭。
可以考虑使用event.stopPropagation()方法来阻止这个冒泡事件。event.stopPropagation()可以阻止事件冒泡到父元素,防止任何父事件处理程序被执行。