人工智能大模型如何引领智能时代的革命?
大模型对于程序员来说,改变了使用技术的方式,没用大模型之前代码中有问题,都是先调试,然后去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代码
咨询 ,实际结果是点击事件触发后,模态框弹出一下马上关闭。问通义灵码后直接找到了问题。在点击“.openAskModal”来打开模态框时,极有可能立即触发了“点击模态框外部区域,关闭模态框”这个事件,导致模态框一瞬间就被关闭。可以考虑使用event.stopPropagation()方法来阻止这个冒泡事件。event.stopPropagation()可以阻止事件冒泡到父元素,防止任何父事件处理程序被执行。
赞1
踩0