gpt4 book ai didi

javascript - 如何使用按钮关闭主页面中的 ajaxi 页面?

转载 作者:行者123 更新时间:2023-11-28 06:36:37 24 4
gpt4 key购买 nike

我有 2 页。在第一页中,我有一个 div (ajaxicall),在该 div 中,加载了另一个页面。

我的问题是,当我点击第二页中的“关闭”并再次显示第一个 div 的容器时,如何关闭第二页?发送

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>

<body>
<div class="ajaxicall">
<span id="addtobasketspan">First Div</span>
<img src="images/shopping-cart-xxl.png"/>
</div>

<script>
$("#addtobasketspan").click(function(e) {
$.ajax({
url:'secondpage.html',
type:'get',
data: 'lid=1',
success:function(data){
$("ajaxicall").load('secondpage`enter code here`.html');
}
});
});
</script>

</body>
</html>

最佳答案

jsFiddle:https://jsfiddle.net/acc33fm3/

jQuery

$("#addtobasketspan").click(function(e) {
$.ajax({
//url: 'secondpage.html',
type: 'get',
data: 'lid=1',
success: function(data) {
//$(".second-div").load('secondpage`enter code here`.html');
$(".second-div").append('<button class="close-div">X</button>');
}
});
});

$(document).on("click", ".close-div", function() {
$(this).closest('div').hide();
});

只需将一个按钮附加到您的 ajax 页面,然后使用它来简单地隐藏 ajax div

关于javascript - 如何使用按钮关闭主页面中的 ajaxi 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34633852/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com